Add an infinite/page toggle with a pager

2026-09-18 16:46:25 +02:00
parent 94ddfdeb31
commit 13ffad34d4
4 changed files with 176 additions and 5 deletions
@@ -839,3 +839,49 @@
    font: 400 10px/1.5 ui-monospace, Menlo, monospace;
    color: var(--color-neutral-500);
 }
+
+/* Infinite/page toggle and pager. */
+.vk-media-page-controls {
+    display: inline-flex;
+    align-items: center;
+    gap: 6px;
+}
+
+.vk-media-toggle {
+    display: inline-flex;
+    border: 1px solid var(--color-divider);
+    border-radius: 5px;
+    overflow: hidden;
+}
+
+.vk-toggle-half {
+    border: 0;
+    background: var(--color-surface);
+    color: var(--color-neutral-400);
+    font: 500 11px/1.4 ui-monospace, Menlo, monospace;
+    padding: 3px 8px;
+    cursor: pointer;
+}
+
+.vk-toggle-half.vk-toggle-on {
+    background: var(--color-accent-400, #4f8cff);
+    color: #fff;
+}
+
+.vk-media-page-nav {
+    display: inline-flex;
+    align-items: center;
+    gap: 6px;
+}
+
+.vk-media-page-input {
+    width: 58px;
+}
+
+.vk-media-page-end {
+    grid-column: 1 / -1;
+    padding: 10px 0;
+    text-align: center;
+    font: 400 11px/1.5 ui-monospace, Menlo, monospace;
+    color: var(--color-neutral-500);
+}