react-autoql 7.3.1-alpha.2 → 7.3.2-alpha.10

package/dist/autoql.esm.css

@@ -1835,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;
@@ -1860,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;
@@ -4438,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; }
@@ -4753,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; }
@@ -4821,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; }