add internal sort panel.

2024-01-26 17:27:24 +08:00
parent 984496e08e
commit ac605895c5
7 changed files with 520 additions and 121 deletions
--- a/lib/ui/css/grid.scss
+++ b/lib/ui/css/grid.scss
@ -546,6 +546,61 @@
            }
        }
    }
+
+    .ui-sort-panel-content {
+        height: 100%;
+        display: flex;
+        flex-direction: column;
+
+        >.ui-sort-panel-buttons {
+            flex: 0 0 auto;
+            white-space: nowrap;
+            overflow: hidden;
+
+            >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;
+
+                &:hover {
+                    opacity: .8;
+                }
+
+                &:disabled {
+                    opacity: .6;
+                    cursor: default;
+                }
+
+                >svg {
+                    flex: 0 0 auto;
+                    width: 16px;
+                    height: 16px;
+                    fill: var(--title-color);
+                }
+
+                >span {
+                    flex: 1 1 auto;
+                    margin-left: 4px;
+                }
+            }
+        }
+
+        >.ui-sort-panel-grid {
+            flex: 1 1 auto;
+            position: relative;
+        }
+    }
 }

 /*@media (prefers-color-scheme: dark) {