merge newui branch

2026-09-14 02:20:44 +02:00 · 2026-04-18 16:50:39 +03:00
parent 58f605e90c
commit 4c44044c0c
804 changed files with 58660 additions and 56663 deletions
@@ -0,0 +1,70 @@
+.modal.collections-overview-modal {
+    width: 1500px;
+    max-width: 90%;
+    min-height: 90%;
+    max-height: 90%;
+
+    /* note: don't use scale to avoid interfering with the erd sizing */
+    transform: translateY(3px);
+    &[data-modal-state="open"] {
+        transform: translateY(0);
+        @starting-style {
+            transform: translateY(3px);
+        }
+    }
+
+    .modal-header {
+        padding-top: var(--smSpacing);
+    }
+    .modal-content.erd-tab {
+        padding: 0;
+        align-items: stretch;
+        display: flex;
+        &::before,
+        &::after {
+            content: none;
+            display: none;
+        }
+    }
+    .modal-content.rules-tab {
+        padding-top: 0;
+        scrollbar-gutter: stable;
+    }
+    .rules-table {
+        min-width: 700px;
+        word-break: break-word;
+        margin-top: calc(var(--spacing) - 5px);
+        .collection-name {
+            width: 200px;
+            overflow: hidden;
+            text-overflow: ellipsis;
+        }
+        thead {
+            top: -3px;
+        }
+    }
+    .col-rule-btns {
+        /*padding: 5px;*/
+    }
+    .rule-btns {
+        display: flex;
+        width: 100%;
+        gap: 5px;
+        .btn {
+            flex: 1 1 0;
+            padding: 5px;
+            &.outline {
+                padding: 3px;
+            }
+        }
+    }
+
+    @media (max-width: 700px) {
+        max-width: 95%;
+        min-height: 95%;
+        max-height: 95%;
+        .rules-table .collection-name {
+            max-width: 130px;
+        }
+    }
+}