react-autoql 7.3.0 → 7.3.2-alpha.10

package/dist/autoql.esm.css

@@ -1064,6 +1064,17 @@ g.legendOrdinal tspan {
 .react-autoql-axis-selector-arrow {
   opacity: 1 !important; }
 
+.drilldown-info-icon,
+.max-rows-info-icon {
+  stroke: currentColor;
+  stroke-width: 0; }
+
+.drilldown-info-icon {
+  fill: var(--react-autoql-info-color); }
+
+.max-rows-info-icon {
+  fill: var(--react-autoql-warning-color); }
+
 .number-axis-selector-popover .number-axis-selector-popover-content {
   display: flex;
   flex-direction: column;
@@ -1824,7 +1835,8 @@ g.legendOrdinal .legendTitle tspan {
   display: inline-block;
   font-size: inherit;
   line-height: 1em;
-  width: 1em; }
+  width: 1em;
+  height: 1em; }
   .react-autoql-notifications-button-container .react-autoql-notifications-button {
     font-size: 1em;
     line-height: 0;
@@ -1849,8 +1861,8 @@ g.legendOrdinal .legendTitle tspan {
     border-radius: 50%;
     height: 0.6em;
     width: 0.6em;
-    left: 0.5em;
-    top: -2px; }
+    top: -0.2em;
+    right: -0.2em; }
 
 .react-autoql-input-container {
   position: relative;
@@ -3493,6 +3505,63 @@ g.legendOrdinal .legendTitle tspan {
       color: var(--react-autoql-danger-color);
       border-color: var(--react-autoql-danger-color); }
 
+.mobile-filter-lock-menu {
+  z-index: 99999 !important;
+  top: -4px !important;
+  min-width: 95vw;
+  max-width: 95vw;
+  min-height: 0px;
+  max-height: 95vh;
+  height: 350px;
+  padding: 10px; }
+  .mobile-filter-lock-menu .filter-lock-menu-content-container {
+    background: var(--react-autoql-background-color-secondary);
+    color: var(--react-autoql-text-color-primary);
+    box-shadow: 0px 0 8px var(--react-autoql-box-shadow-color, rgba(0, 0, 0, 0.15));
+    transition: opacity 0.1s ease 0s !important;
+    border: 1px solid #ababab52;
+    padding: 0 !important;
+    border-radius: 4px;
+    height: 100%;
+    width: 100%;
+    opacity: 1; }
+  .mobile-filter-lock-menu .filter-lock-menu-popover-arrow {
+    border-bottom: 10px solid var(--react-autoql-border-color) !important;
+    top: 1px !important;
+    opacity: 1; }
+    .mobile-filter-lock-menu .filter-lock-menu-popover-arrow::after {
+      content: '';
+      position: absolute;
+      border-left: 9px solid transparent;
+      border-right: 9px solid transparent;
+      border-bottom: 9px solid var(--react-autoql-background-color-secondary);
+      top: 1px;
+      left: -9px; }
+  .mobile-filter-lock-menu .filter-lock-toast-container {
+    top: 0;
+    position: absolute;
+    max-width: calc(100% - 36px);
+    padding: 10px;
+    font-size: 14px; }
+    .mobile-filter-lock-menu .filter-lock-toast-container .Toastify__toast {
+      min-height: 48px; }
+    .mobile-filter-lock-menu .filter-lock-toast-container .Toastify__toast-body {
+      justify-content: center; }
+    .mobile-filter-lock-menu .filter-lock-toast-container .Toastify__toast-body > div:last-child {
+      flex: unset; }
+  .mobile-filter-lock-menu .include-exclude-toggle-group {
+    height: 23px;
+    font-size: 12px;
+    font-weight: 200; }
+    .mobile-filter-lock-menu .include-exclude-toggle-group .react-autoql-radio-btn.active {
+      background-color: var(--react-autoql-border-color); }
+    .mobile-filter-lock-menu .include-exclude-toggle-group :first-child.react-autoql-radio-btn:hover, .mobile-filter-lock-menu .include-exclude-toggle-group :first-child.react-autoql-radio-btn.active {
+      color: var(--react-autoql-accent-color);
+      border-color: var(--react-autoql-accent-color); }
+    .mobile-filter-lock-menu .include-exclude-toggle-group :nth-child(2).react-autoql-radio-btn:hover, .mobile-filter-lock-menu .include-exclude-toggle-group :nth-child(2).react-autoql-radio-btn.active {
+      color: var(--react-autoql-danger-color);
+      border-color: var(--react-autoql-danger-color); }
+
 .filter-lock-menu-content {
   padding: 15px 0 0px 20px;
   display: flex;
@@ -3765,6 +3834,11 @@ g.legendOrdinal .legendTitle tspan {
     background: var(--react-autoql-background-color-primary);
     overflow: hidden;
     border-radius: 4px; }
+  .react-autoql-drawer .react-autoql-mobile-drawer-content-container {
+    width: 100%;
+    height: 100%;
+    background: var(--react-autoql-background-color-primary);
+    overflow: hidden; }
   .react-autoql-drawer .chat-header-container {
     display: flex;
     justify-content: space-between;
@@ -4365,10 +4439,12 @@ g.legendOrdinal .legendTitle tspan {
   visibility: hidden;
   opacity: 0; }
 
-.react-autoql-dashboard-tile-inner-div .single-value-response {
-  font-size: 32px;
-  margin-top: -6px;
-  opacity: 0.9; }
+.react-autoql-dashboard-tile-inner-div .single-value-response-flex-container {
+  display: flex;
+  align-items: center; }
+  .react-autoql-dashboard-tile-inner-div .single-value-response-flex-container .single-value-response {
+    font-size: 32px;
+    opacity: 0.9; }
 
 .react-autoql-dashboard-tile-inner-div .tabulator-header-contents {
   height: 32px !important; }
@@ -4680,7 +4756,9 @@ g.legendOrdinal .legendTitle tspan {
 .dashboard-tile-placeholder-text {
   font-size: 15px;
   color: var(--react-autoql-text-color-placeholder, rgba(0, 0, 0, 0.3));
-  padding: 0 10px; }
+  padding: 0 20px;
+  margin-bottom: 30px;
+  font-style: italic; }
   .dashboard-tile-placeholder-text .play-icon {
     vertical-align: bottom;
     line-height: 20px; }
@@ -4748,25 +4826,38 @@ g.legendOrdinal .legendTitle tspan {
 
 .dashboard-drilldown-modal .dashboard-drilldown-modal-content .layout-splitter {
   margin-top: 8px;
-  background: var(--react-autoql-text-color-primary);
-  opacity: 0.6; }
+  padding: 2px;
+  height: 2px;
+  background: transparent;
+  border-bottom: 1px solid var(--react-autoql-border-color);
+  border-color: var(--react-autoql-border-color);
+  transition: border-color 0.2s ease; }
+  .dashboard-drilldown-modal .dashboard-drilldown-modal-content .layout-splitter:hover {
+    border-width: 2px;
+    border-color: var(--react-autoql-accent-color); }
+    .dashboard-drilldown-modal .dashboard-drilldown-modal-content .layout-splitter:hover + .splitter-collapse-btn {
+      border-color: var(--react-autoql-accent-color);
+      color: var(--react-autoql-accent-color);
+      font-weight: 600; }
 
 .dashboard-drilldown-modal .dashboard-drilldown-modal-content .splitter-collapse-btn {
   display: flex;
   justify-content: center;
-  line-height: 22px;
+  line-height: 24px;
   width: 20px;
   height: 20px;
   border-radius: 10px;
   margin-left: 90%;
-  transform: translate(-11px, -11px);
+  transform: translate(0px, -10px);
   background: var(--react-autoql-background-color-secondary);
-  border: 1px solid var(--react-autoql-text-color-primary);
-  transition: border-color 0.2s ease, color 0.2s ease;
+  border: 1px solid var(--react-autoql-border-color);
+  border-color: var(--react-autoql-border-color);
+  transition: border-color 0.2s ease, color 0.2s ease, background-color 0.2s ease;
   cursor: pointer; }
   .dashboard-drilldown-modal .dashboard-drilldown-modal-content .splitter-collapse-btn:hover {
+    background-color: var(--react-autoql-accent-color);
     border-color: var(--react-autoql-accent-color);
-    color: var(--react-autoql-accent-color); }
+    color: var(--react-autoql-text-color-accent); }
 
 .dashboard-drilldown-modal .dashboard-drilldown-modal-content.chart-hidden .layout-pane:not(.layout-pane-primary), .dashboard-drilldown-modal .dashboard-drilldown-modal-content.table-only .layout-pane:not(.layout-pane-primary) {
   flex: 1; }