react-autoql 8.0.3-alpha.1 → 8.0.3-alpha.10

package/dist/autoql.esm.css

@@ -63,16 +63,19 @@ span .react-autoql-icon {
     box-shadow: none;
     border: none;
     background-color: transparent;
-    padding: 0 !important; }
+    padding: 0 !important;
+    overflow: hidden; }
     .react-tiny-popover-container.popover-with-arrow-container .popover-arrow-container {
       border-radius: 4px;
       height: 100%;
       width: 100%;
-      display: flex; }
+      display: flex;
+      overflow: hidden; }
       .react-tiny-popover-container.popover-with-arrow-container .popover-arrow-container .popover-arrow-container-content {
         display: flex;
         flex-direction: column;
-        flex: 1; }
+        flex: 1;
+        overflow: hidden; }
     .react-tiny-popover-container.popover-with-arrow-container .popover-container-content {
       box-shadow: 0px 0 8px var(--react-autoql-box-shadow-color, rgba(0, 0, 0, 0.15));
       background-color: var(--react-autoql-background-color-secondary);
@@ -83,7 +86,10 @@ span .react-autoql-icon {
       justify-content: stretch;
       padding: 10px;
       box-sizing: border-box;
-      flex: 1; }
+      flex: 1;
+      overflow: hidden; }
+      .react-tiny-popover-container.popover-with-arrow-container .popover-container-content .scrollbar-container {
+        padding: 0 10px; }
     .react-tiny-popover-container.popover-with-arrow-container .popover-arrow {
       border-bottom: 10px solid var(--react-autoql-border-color) !important;
       top: 1px !important;
@@ -394,14 +400,10 @@ span .react-autoql-icon {
     color: var(--react-autoql-text-color-primary);
     display: block;
     font-size: 1.5em;
-    -webkit-margin-before: 0.83em;
-            margin-block-start: 0.83em;
-    -webkit-margin-after: 0.83em;
-            margin-block-end: 0.83em;
-    -webkit-margin-start: 0px;
-            margin-inline-start: 0px;
-    -webkit-margin-end: 0px;
-            margin-inline-end: 0px; }
+    margin-block-start: 0.83em;
+    margin-block-end: 0.83em;
+    margin-inline-start: 0px;
+    margin-inline-end: 0px; }
     .query-tips-page-container h2 .react-autoql-icon {
       margin-left: 7px;
       margin-right: 2px; }
@@ -757,14 +759,10 @@ span .react-autoql-icon {
       align-items: center;
       justify-content: center;
       font-size: 1.5em;
-      -webkit-margin-before: 0.83em;
-              margin-block-start: 0.83em;
-      -webkit-margin-after: 0.83em;
-              margin-block-end: 0.83em;
-      -webkit-margin-start: 0px;
-              margin-inline-start: 0px;
-      -webkit-margin-end: 0px;
-              margin-inline-end: 0px;
+      margin-block-start: 0.83em;
+      margin-block-end: 0.83em;
+      margin-inline-start: 0px;
+      margin-inline-end: 0px;
       color: var(--react-autoql-text-color-primary); }
       .data-explorer-page-container .data-explorer-intro-message h2 .react-autoql-icon {
         margin-left: 7px;
@@ -2278,6 +2276,8 @@ g.legendOrdinal .legendTitle tspan {
     visibility: hidden; }
   .react-autoql-chart-header-container .react-autoql-slider-wrapper {
     font-size: var(--react-autoql-chart-font-size, 12px); }
+    .react-autoql-chart-header-container .react-autoql-slider-wrapper.mobile {
+      font-size: 0.5rem; }
 
 .react-autoql-chart-container {
   position: relative;
@@ -4320,7 +4320,7 @@ g.legendOrdinal .legendTitle tspan {
     margin: 0px;
     color: var(--react-autoql-text-color-primary); }
   .filter-lock-menu-content h4 {
-    font-weight: 500; }
+    font-weight: bold; }
   .filter-lock-menu-content .react-autoql-empty-filter-list {
     opacity: 0.7; }
   .filter-lock-menu-content .react-autoql-filter-lock-list-loading-container,
@@ -4421,6 +4421,8 @@ g.legendOrdinal .legendTitle tspan {
         padding-top: 1px;
         padding-bottom: 1px;
         padding-left: 5px; }
+        .filter-lock-menu-content .react-autoql-filter-list-container .react-autoql-filter-list-item-container .react-autoql-filter-list-item.mobile {
+          padding-right: 1rem; }
         .filter-lock-menu-content .react-autoql-filter-list-container .react-autoql-filter-list-item-container .react-autoql-filter-list-item .react-autoql-filter-list-item-filter {
           overflow: hidden;
           text-overflow: ellipsis;