From d4dd4ccfdceaaff4e5cb409a96b3c802d762d8d8 Mon Sep 17 00:00:00 2001
From: Jake Vanderwerf <get@jakevanderwerf.ca>
Date: Sat, 14 Feb 2026 19:16:38 +0000
Subject: [PATCH] =minor changes to css, mainly the item-grid in the feedblock extending past the body width
---
nav.css | 34 ++++++++++++++++++++++++++++++----
1 files changed, 30 insertions(+), 4 deletions(-)
diff --git a/nav.css b/nav.css
index 5a48ba2..9153da4 100644
--- a/nav.css
+++ b/nav.css
@@ -26,6 +26,7 @@
height: max(var(--btn), max-content);
width: 100%;
max-inline-size: none;
+ padding: 0;
}
/* Links fill parent */
@@ -340,6 +341,8 @@
}
nav.fixed.bottom a {
+ gap: 1rem;
+ --w: var(--chip_);
color: var(--contrast);
font-size: var(--txt-x-small);
}
@@ -369,30 +372,53 @@
}
body:has(nav.fixed) nav.on-this-page {
- bottom: var(--btn_);
+ bottom: var(--btn);
+}
+body:has(.additional-actions button) nav.on-this-page{
+ width: calc(100vw - var(--btn_) - 1rem);
}
.on-this-page ul {
width: 100%;
+ gap: 0;
}
+.on-this-page li {
+ justify-content: center;
+}
.on-this-page .active a {
background-color: rgba(var(--base-rgb),var(--op-6));
color: var(--action-contrast);
}
+.on-this-page a {
+ height: var(--chip);
+ padding: 0;
+}
/**************************************************************
VARIANT: LETTERS (nav.letters)
Only define what makes it different
**************************************************************/
nav.letters li {
- flex: 1;
+ height: var(--chip);
max-width: calc(7.69% - 2px); /*Fit 26 letters over 2 rows) */
}
-
+nav.letters ul {
+ --wrap: wrap;
+}
+nav.letters,
+nav.letters ul {
+ height: var(--chipchip);
+}
@media (min-width: 768px) {
+ nav.letters,
+ nav.letters ul {
+ height: var(--chip);
+ }
+ nav.letters ul {
+ --wrap: nowrap;
+ }
nav.letters li {
- flex: 0 1 auto;
max-width: none;
}
--
Gitblit v1.10.0