react-autoql 7.2.3 → 7.2.4-alpha.7

package/dist/autoql.esm.css

@@ -931,6 +931,7 @@ span.react-autoql-icon {
   padding: 0 20px;
   display: flex;
   justify-content: space-between;
+  align-items: center;
   line-height: 36px;
   -webkit-user-select: none;
      -moz-user-select: none;
@@ -1058,7 +1059,7 @@ g.legendOrdinal tspan {
   stroke: transparent;
   opacity: 0.5; }
   .axis-scaler-border:hover {
-    stroke: transparent !important; }
+    stroke: var(--react-autoql-accent-color); }
 
 .react-autoql-axis-selector-arrow {
   opacity: 1 !important; }
@@ -1122,8 +1123,10 @@ g.legendOrdinal tspan {
     font-size: 12px;
     line-height: 25px;
     cursor: default; }
-    .number-axis-selector-popover .number-axis-selector-popover-content .react-autoql-list-item.checked .agg-type-symbol {
-      color: var(--react-autoql-accent-color); }
+    .number-axis-selector-popover .number-axis-selector-popover-content .react-autoql-list-item.checked .agg-type-symbol,
+    .number-axis-selector-popover .number-axis-selector-popover-content .react-autoql-list-item.checked .agg-select-text {
+      color: var(--react-autoql-accent-color);
+      font-weight: 600; }
   .number-axis-selector-popover .number-axis-selector-popover-content .number-selector-header {
     display: flex;
     justify-content: space-between;
@@ -1139,11 +1142,10 @@ g.legendOrdinal tspan {
   .number-axis-selector-popover .number-axis-selector-popover-content .axis-series-selector .react-autoql-selectable-list {
     margin-bottom: 10px; }
   .number-axis-selector-popover .number-axis-selector-popover-content .react-autoql-select.agg-type-symbol {
-    display: inline-block;
     font-weight: 600;
     font-size: 12px;
-    line-height: 22px;
-    height: 22px;
+    height: 26px;
+    line-height: 25px;
     margin: 3px 10px;
     padding: 0 8px; }
 
@@ -1901,6 +1903,8 @@ g.legendOrdinal .legendTitle tspan {
     flex-direction: column;
     flex: 1;
     width: 100%; }
+    .react-autoql-notification-rule-container .react-autoql-rule-input input {
+      line-height: 37px; }
   .react-autoql-notification-rule-container .react-autoql-rule-first-input-container {
     display: flex;
     flex: 1; }
@@ -1912,7 +1916,8 @@ g.legendOrdinal .legendTitle tspan {
     flex: 1; }
     .react-autoql-notification-rule-container .react-autoql-rule-second-input-container .react-autoql-rule-condition-select {
       flex: 0;
-      flex-basis: 33px; }
+      flex-basis: 33px;
+      height: 39px; }
     .react-autoql-notification-rule-container .react-autoql-rule-second-input-container .react-autoql-rule-input {
       flex: 1;
       margin-left: 4px; }
@@ -1927,8 +1932,7 @@ g.legendOrdinal .legendTitle tspan {
     .react-autoql-notification-rule-container .react-autoql-rule-second-input-container .react-autoql-input-container {
       margin: 0; }
     .react-autoql-notification-rule-container .react-autoql-rule-second-input-container .react-autoql-input-container:hover + .react-autoql-rule-term-type-selector,
-    .react-autoql-notification-rule-container .react-autoql-rule-second-input-container .react-autoql-input-container.focus
-+ .react-autoql-rule-term-type-selector {
+    .react-autoql-notification-rule-container .react-autoql-rule-second-input-container .react-autoql-input-container.focus + .react-autoql-rule-term-type-selector {
       color: var(--react-autoql-accent-color, #26a7df);
       border-color: var(--react-autoql-accent-color, #26a7df); }
 
@@ -4557,7 +4561,7 @@ g.legendOrdinal .legendTitle tspan {
   .dashboard-tile-right-input-container .title-input-icon,
   .dashboard-tile-left-input-container .title-input-icon {
     font-size: 16px;
-    top: 7px;
+    top: 6px;
     left: 11px; }
 
 .dashboard-tile-input.second.query {