sync

Site/css/override.css

@@ -1,15 +1,11 @@
 :root {
     --header-line-height: 26px;
+    --cell-line-height: 20px;
     --header-border-color: #aaa;
-    --cell-border-color: #e0e0e0
+    --cell-border-color: #e0e0e0;
+    --font-size: 12px;
 }
 
-.data-grid .data-grid-header .data-column-header-split {
-    z-index: unset;
-}
-
-
-
 .chart_favorite {
     cursor: pointer;
     width: 22px;
@@ -50,6 +46,7 @@
 
 .dialog .dialog-func input {
     width: unset;
+    height:unset;
 }
 
 .chart_nostar {
@@ -68,22 +65,57 @@
     display: none;
 }
 
-.data-grid {
+.ui-grid {
     height: 100%;
-    font-size: 14px;
 }
 
-    /*.data-grid .data-grid-table-header th div {
+    /*.ui-grid .ui-grid-table-header th div {
                 font-weight: normal;
             }*/
 
-    .data-grid .data-grid-body .data-grid-row > td > span {
+    .ui-grid .ui-grid-body .ui-grid-row > td > span {
         /*display: flex;*/
     }
 
-    .data-grid, .data-grid input[type=text] {
-        font-size: 12px;
-    }
+.ui-popup-body .sort-grid .data-grid .data-grid-body .data-grid-row > td > span {
+    padding: 2px 0 2px 8px;
+}
+.ui-popup-body .sort-grid .dropdown-wrapper > .dropdown-panel > .dropdown-list {
+    max-height: 120px;
+}
+.ui-popup-body .sort-button button {
+    margin-right: 6px;
+    border: none;
+    line-height: 28px;
+    color: var(--title-color);
+    border-radius: var(--corner-radius);
+    padding: 0 10px;
+    box-sizing: border-box;
+    height: 28px;
+    cursor: pointer;
+    user-select: none;
+    background-color: var(--title-bg-color);
+    transition: opacity .12s ease;
+    display: inline-flex;
+    align-items: center;
+}
+.ui-popup-body .sort-button button:hover {
+    opacity: .8;
+}
+.ui-popup-body .sort-button button:disabled {
+    opacity: .6;
+    cursor: default;
+}
+.ui-popup-body .sort-button button > svg {
+    flex: 0 0 auto;
+    width: 16px;
+    height: 16px;
+    fill: var(--title-color);
+}
+.ui-popup-body .sort-button button > span {
+    flex: 1 1 auto;
+    margin-left: 4px;
+}
 
 .status-cell {
     display: inline-block;
@@ -125,3 +157,13 @@
     min-width: 200px;
     max-width: unset;
 }
+
+    .ui-popup-mask .ui-popup-container .ui-popup-body > .message-wrapper > svg + span {
+        max-height: 500px;
+        overflow-y: auto;
+    }
+
+.ui-grid > .ui-grid-wrapper > .ui-grid-table > tbody > .ui-grid-row > td .col-icon > svg {
+    width: 14px;
+    height: 13px;
+}