react-autoql 7.2.1 → 7.2.2-alpha.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Binary file
@@ -3719,16 +3719,43 @@ g.legendOrdinal .legendTitle tspan {
3719
3719
  width: 100px;
3720
3720
  margin-right: 10px; }
3721
3721
 
3722
- .react-autoql-drawer .react-autoql-header-center-container {
3723
- position: relative;
3724
- color: var(--react-autoql-text-color-accent);
3725
- line-height: 60px;
3726
- font-size: 18px;
3727
- letter-spacing: 0.05em;
3728
- font-weight: 600;
3729
- overflow: hidden;
3730
- text-overflow: ellipsis;
3731
- white-space: nowrap; }
3722
+ @media (max-width: 479px) {
3723
+ .react-autoql-drawer .react-autoql-header-center-container {
3724
+ width: 100vw;
3725
+ position: relative;
3726
+ color: var(--react-autoql-text-color-accent);
3727
+ line-height: 55px;
3728
+ font-size: 18px;
3729
+ letter-spacing: 0.05em;
3730
+ font-weight: 600;
3731
+ overflow: hidden;
3732
+ text-overflow: ellipsis;
3733
+ white-space: nowrap;
3734
+ display: flex;
3735
+ align-items: center; }
3736
+ .react-autoql-select-popup-container .react-autoql-select-popup li {
3737
+ display: flex;
3738
+ font-size: 20px;
3739
+ justify-content: center;
3740
+ min-height: 60px;
3741
+ align-items: center; } }
3742
+
3743
+ .react-autoql-select-popup-container .react-autoql-select-popup li {
3744
+ display: flex;
3745
+ justify-content: center;
3746
+ align-items: center; }
3747
+
3748
+ @media (min-width: 480px) {
3749
+ .react-autoql-drawer .react-autoql-header-center-container {
3750
+ position: relative;
3751
+ color: var(--react-autoql-text-color-accent);
3752
+ line-height: 60px;
3753
+ font-size: 18px;
3754
+ letter-spacing: 0.05em;
3755
+ font-weight: 600;
3756
+ overflow: hidden;
3757
+ text-overflow: ellipsis;
3758
+ white-space: nowrap; } }
3732
3759
 
3733
3760
  .react-autoql-drawer .header-title {
3734
3761
  animation: fadeIn 0.3s; }
@@ -3853,15 +3880,15 @@ g.legendOrdinal .legendTitle tspan {
3853
3880
  .react-autoql-drawer .drawer-content-wrapper {
3854
3881
  background: transparent; }
3855
3882
 
3856
- .react-autoql-drawer.drawer-right .drawer-content-wrapper,
3857
- .react-autoql-drawer.drawer-left .drawer-content-wrapper {
3858
- max-width: calc(100vw - 45px) !important;
3859
- min-width: 400px !important; }
3860
-
3861
- .react-autoql-drawer.drawer-top .drawer-content-wrapper,
3862
- .react-autoql-drawer.drawer-bottom .drawer-content-wrapper {
3863
- max-height: calc(100vh - 45px) !important;
3864
- min-height: 400px !important; }
3883
+ @media (min-width: 1281px) {
3884
+ .react-autoql-drawer.drawer-right .drawer-content-wrapper,
3885
+ .react-autoql-drawer.drawer-left .drawer-content-wrapper {
3886
+ max-width: calc(100vw - 45px) !important;
3887
+ min-width: 400px !important; }
3888
+ .react-autoql-drawer.drawer-top .drawer-content-wrapper,
3889
+ .react-autoql-drawer.drawer-bottom .drawer-content-wrapper {
3890
+ max-height: calc(100vh - 45px) !important;
3891
+ min-height: 400px !important; } }
3865
3892
 
3866
3893
  .react-autoql-drawer-resize-handle {
3867
3894
  position: absolute;
Binary file