Add the advanced search drawer, adaptive paging, and zoom

2026-09-17 07:57:26 +02:00
parent dea1724eb3
commit 5319a028e2
9 changed files with 492 additions and 159 deletions
@@ -136,6 +136,42 @@
    cursor: pointer;
 }

+.vk-media-drawer {
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+    max-height: 46vh;
+    overflow-y: auto;
+    padding: 10px 12px;
+    border-radius: var(--radius-sm, 6px);
+    background: var(--color-neutral-900);
+    box-shadow: inset 0 0 0 1px var(--color-neutral-800);
+}
+
+.vk-media-filter-section {
+    display: flex;
+    flex-direction: column;
+    gap: 6px;
+}
+
+.vk-media-people {
+    display: flex;
+    flex-direction: column;
+    gap: 3px;
+    max-height: 150px;
+    overflow-y: auto;
+}
+
+.vk-media-advanced summary {
+    cursor: pointer;
+    font: 400 11px/1.4 ui-monospace, Menlo, monospace;
+    color: var(--color-neutral-300);
+}
+
+.vk-media-zoom {
+    width: 100%;
+}
+
 .vk-media-load-more {
    grid-column: 1 / -1;
    justify-self: center;