From d4eb0e52d86d9a9069378abbb24ac673ec5ccdc5 Mon Sep 17 00:00:00 2001 From: Kibi Kelburton Date: Sat, 18 Jul 2026 15:58:59 +0200 Subject: [PATCH] confusion --- public/s/css/f0ckm.css | 45 ++++++++++++++++++++++------------ public/s/js/comments.js | 5 ++++ views/item-partial-modern.html | 1 - 3 files changed, 34 insertions(+), 17 deletions(-) diff --git a/public/s/css/f0ckm.css b/public/s/css/f0ckm.css index 082b0fa..222d8ef 100644 --- a/public/s/css/f0ckm.css +++ b/public/s/css/f0ckm.css @@ -1727,7 +1727,7 @@ body.layout-modern .global-sidebar-right { ---------------------------------------------------------- */ body.layout-modern .item-layout-container { display: grid; - grid-template-columns: min(400px, 30vw) minmax(0, 1fr) 400px; + grid-template-columns: min(300px, 30vw) minmax(0, 1fr) 300px; grid-template-rows: auto; flex: 1; height: calc(100vh - var(--navbar-h, 50px)); @@ -1738,7 +1738,7 @@ body.layout-modern .global-sidebar-right { /* Collapsed right sidebar — grid track shrinks to 0 */ body.layout-modern.sidebar-right-hidden .item-layout-container { - grid-template-columns: min(400px, 30vw) minmax(0, 1fr) 0px; + grid-template-columns: min(300px, 30vw) minmax(0, 1fr) 0px; } body.layout-modern .item-sidebar-left { @@ -1782,7 +1782,7 @@ body.layout-modern .global-sidebar-right { body.layout-modern .item-layout-container .item-main-content > * { flex-shrink: 0; width: 100%; - max-width: 1100px; + max-width: 800px; } body.layout-modern .item-layout-container .item-main-content .metadata { @@ -1803,11 +1803,11 @@ body.layout-modern .global-sidebar-right { /* Sidebar toggle: hide left sidebar (e.g. keybind toggle) */ body.layout-modern .item-layout-container.sidebar-hidden { - grid-template-columns: minmax(0, 1fr) 400px; + grid-template-columns: 0px minmax(0, 1fr) 400px; } body.layout-modern.sidebar-right-hidden .item-layout-container.sidebar-hidden { - grid-template-columns: 1fr; + grid-template-columns: 0px minmax(0, 1fr) 0px; } /* By the time sidebar-hidden is added (post-slide), content is already off-screen */ @@ -1816,18 +1816,18 @@ body.layout-modern .global-sidebar-right { } body.layout-modern .item-layout-container.sidebar-hidden .item-main-content { - grid-column: 1; + grid-column: 2; } /* Body-level left-sidebar hide — set by blocking inline script before first paint to prevent the sidebar from flashing visible. Mirrors the .sidebar-hidden rules above but activates from the body class so it works before the container element exists. */ body.layout-modern.sidebar-left-hidden .item-layout-container { - grid-template-columns: minmax(0, 1fr) 400px; + grid-template-columns: 0px minmax(0, 1fr) 400px; } body.layout-modern.sidebar-left-hidden.sidebar-right-hidden .item-layout-container { - grid-template-columns: 1fr; + grid-template-columns: 0px minmax(0, 1fr) 0px; } body.layout-modern.sidebar-left-hidden .item-layout-container .item-sidebar-left { @@ -1835,7 +1835,7 @@ body.layout-modern .global-sidebar-right { } body.layout-modern.sidebar-left-hidden .item-layout-container .item-main-content { - grid-column: 1; + grid-column: 2; } body.layout-modern .item-sidebar-right, @@ -4838,13 +4838,13 @@ body.layout-legacy.sidebar-right-hidden .embed-responsive-16by9::before { (-webkit-min-device-pixel-ratio: 1.2), (min-resolution: 1.2dppx) and (max-resolution: 1.25dppx) { body.layout-modern .embed-responsive-16by9::before { - padding-top: 41.25%; + padding-top: 52.25%; } body.layout-legacy .embed-responsive-16by9::before { - padding-top: 41.25%; + padding-top: 52.25%; } body.layout-legacy.sidebar-right-hidden .embed-responsive-16by9::before { - padding-top: 41.25%; + padding-top: 52.25%; } } @@ -4910,7 +4910,7 @@ body.layout-legacy.sidebar-right-hidden .embed-responsive-16by9::before { /* ~105–115% zoom */ html[data-dpr="dpr-110"] body.layout-modern .embed-responsive-16by9::before { - padding-top: 46.25%; + padding-top: 52.25%; } html[data-dpr="dpr-110"] body.layout-legacy .embed-responsive-16by9::before { padding-top: 52.25%; @@ -4921,7 +4921,7 @@ html[data-dpr="dpr-110"] body.layout-legacy.sidebar-right-hidden .embed-responsi /* ~120–125% zoom */ html[data-dpr="dpr-120"] body.layout-modern .embed-responsive-16by9::before { - padding-top: 41.25%; + padding-top: 52.25%; } html[data-dpr="dpr-120"] body.layout-legacy .embed-responsive-16by9::before { padding-top: 52.25%; @@ -4935,10 +4935,10 @@ html[data-dpr="dpr-130"] body.layout-legacy .embed-responsive-16by9::before { padding-top: 52.25%; } html[data-dpr="dpr-130"] body.layout-modern .embed-responsive-16by9::before { - padding-top: 41.25%; + padding-top: 52.25%; } html[data-dpr="dpr-130"] body.layout-modern.sidebar-right-hidden .embed-responsive-16by9::before { - padding-top: 41.25%; + padding-top: 52.25%; } html[data-dpr="dpr-130"] body.layout-legacy.sidebar-right-hidden .embed-responsive-16by9::before { padding-top: 52.25%; @@ -5474,6 +5474,10 @@ span#tags { padding-bottom: 2.5px; } +body.layout-modern span#tags { + border-bottom: none; +} + span#tags:empty { display: none; } @@ -5537,6 +5541,15 @@ span#tags:not(.tags-expanded) .tags-inner>span:nth-child(n+11) { padding-bottom: 1.5px; } +a.removetag { + vertical-align: middle; + display: inline-flex; +} + +a.removetag i { + vertical-align: middle; +} + .badge-greentext { color: #789922; text-shadow: inherit !important; diff --git a/public/s/js/comments.js b/public/s/js/comments.js index 7966404..7a578cc 100644 --- a/public/s/js/comments.js +++ b/public/s/js/comments.js @@ -3808,6 +3808,11 @@ class CommentSystem { toggleComments() { if (!this.container) return; + if (document.body.classList.contains('layout-modern') && typeof window.toggleSidebarLeft === 'function') { + window.toggleSidebarLeft(); + return; + } + const layout = this.container.closest('.item-layout-container'); const sidebar = this.container.closest('.item-sidebar-left'); const siblings = sidebar ? [ diff --git a/views/item-partial-modern.html b/views/item-partial-modern.html index 95872b1..096a92b 100644 --- a/views/item-partial-modern.html +++ b/views/item-partial-modern.html @@ -39,7 +39,6 @@ @endif
-
@if(typeof item.tags !== "undefined") @each(item.tags as tag)