PostERG/xamxam
1
0
Fork 0
mirror of https://codeberg.org/PostERG/xamxam.git synced 2026-05-06 19:19:19 +02:00
Code Issues Packages Projects Releases Wiki Activity

css: fix nav active state, deduplicate .site-nav__right, add font-display, clean up search pagination

Browse Source 
- common.css: add font-display: swap to Combinedd.otf @font-face (eliminates FOIT)
- common.css: remove duplicate .site-nav__right block (identical to .site-nav__link);
  update nav.php to use .site-nav__link on the À Propos link
- common.css: add .site-nav__link--active rule (opacity:1 + white underline); the class
  was already applied in nav.php but had no CSS definition, making it invisible
- search.php: replace fully inline-styled pagination with .pagination-wrap / .pagination-btn
  / .pagination-info classes; add aria-disabled + tabindex=-1 on disabled links;
  add aria-label on prev/next links
- search.css: add pagination rule block to match, keeping styles co-located with the page
This commit is contained in:
Pontoporeia
2026-03-28 16:44:35 +01:00
parent 764edf9121
commit 640d37936f
5 changed files with 65 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
public/assets/common.css
View File

@@ -1,6 +1,7 @@
@font-face {
font-family: "police1";
src: url("./fonts/Combinedd.otf");
font-display: swap;
}
/* ============================================================
@@ -84,19 +85,10 @@ a:hover {
opacity: 1;
}
.site-nav__right {
font-size: 0.85rem;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--white);
text-decoration: none;
font-weight: 400;
opacity: 0.92;
transition: opacity 0.15s;
}
.site-nav__right:hover {
.site-nav__link--active {
opacity: 1;
border-bottom: 1px solid rgba(255, 255, 255, 0.6);
padding-bottom: 1px;
}
/* ============================================================

41
public/assets/search.css
View File

@@ -269,6 +269,47 @@ html, body {
cursor: pointer;
}
/* Search results pagination — reuses same token names as main.css */
.pagination-wrap {
display: flex;
justify-content: center;
align-items: center;
gap: 0.5rem;
padding: 1.5rem 0;
}
.pagination-btn {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 2rem;
height: 2rem;
padding: 0 0.5rem;
border: 1px solid var(--border-color);
border-radius: 3px;
color: var(--black);
font-size: 0.9rem;
text-decoration: none;
transition: all 0.15s;
}
.pagination-btn:hover:not(.disabled) {
border-color: var(--purple);
color: var(--purple);
}
.pagination-btn.disabled {
opacity: 0.3;
cursor: not-allowed;
pointer-events: none;
}
.pagination-info {
font-size: 0.9rem;
color: var(--text-muted);
padding: 0 0.5rem;
}
.search-empty {
padding: 3rem 1.5rem;
color: var(--text-muted);