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

fix serve recipe: filter output to Development Server start + [200] requests only

Browse Source 
refactor: unify CSS color variables across public and admin

- Replace old variable structure with new standardized naming:
  - Background: --bg-primary, --bg-secondary, --bg-tertiary, --bg-active
  - Text: --text-primary, --text-secondary, --text-tertiary
  - Border: --border-primary, --border-secondary
  - Status: --success, --error, --warning
  - Accent: --accent-primary, --accent-secondary, --accent-foreground, --accent-muted
- Remove admin-specific color variables (--admin-*)
- Update all CSS files to use shared variables:
  - variables.css, common.css, main.css, admin.css
  - tfe.css, search.css, apropos.css, system.css, colors.css
This commit is contained in:
Pontoporeia
2026-04-02 14:11:11 +02:00
parent ba7814c6dc
commit bf2594112b
15 changed files with 536 additions and 1656 deletions
Download Patch File Download Diff File Expand all files Collapse all files

70
public/assets/css/search.css
View File

@@ -2,12 +2,14 @@
RÉPERTOIRE / SEARCH PAGE (search.php)
============================================================ */
@import url("./variables.css");
.search-body {
display: flex;
flex-direction: column;
height: 100vh;
overflow: hidden;
background: var(--white);
background: var(--bg-primary);
}
.search-main {
@@ -45,7 +47,7 @@
.repertoire-col {
padding: 0.75rem 0.5rem 2rem;
border-right: 1px solid var(--border-color);
border-right: 1px solid var(--border-secondary);
}
.repertoire-col:last-child {
@@ -56,11 +58,11 @@
font-size: 0.72rem;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--text-muted);
color: var(--text-secondary);
font-weight: 400;
margin: 0 0 0.5rem 0;
padding-bottom: 0.4rem;
border-bottom: 1px solid var(--border-color);
border-bottom: 1px solid var(--border-secondary);
}
/* Strip list chrome inside repertoire columns */
@@ -76,7 +78,7 @@
font-size: 2.2rem;
font-weight: 700;
line-height: 1.1;
color: var(--black);
color: var(--text-primary);
text-decoration: none;
padding: 0.1rem 0;
transition: color 0.15s;
@@ -85,7 +87,7 @@
.repertoire-col:first-child ul a:hover,
.repertoire-col:first-child ul a[aria-current] {
color: var(--purple);
color: var(--accent-primary);
}
/* Categories column */
@@ -93,7 +95,7 @@
font-size: 0.72rem;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--text-muted);
color: var(--text-secondary);
font-weight: 400;
display: block;
margin-bottom: 0.15rem;
@@ -104,7 +106,7 @@
.repertoire-col:not(:first-child) ul a {
display: block;
font-size: 0.95rem;
color: var(--black);
color: var(--text-primary);
text-decoration: none;
padding: 0.1rem 0;
line-height: 1.4;
@@ -113,14 +115,14 @@
.repertoire-col:not(:first-child) ul a:hover,
.repertoire-col:not(:first-child) ul a[aria-current] {
color: var(--purple);
color: var(--accent-primary);
}
/* ---- Search results view (grid) ---- */
.search-results-header {
display: block;
font-size: 0.85rem;
color: var(--text-muted);
color: var(--text-secondary);
margin: 1rem 1.5rem 0.5rem;
}
@@ -144,12 +146,12 @@
.result-card__authors {
font-size: 0.9rem;
font-weight: 500;
color: var(--black);
color: var(--text-primary);
}
.result-card__title {
font-size: 0.85rem;
color: var(--text-muted);
color: var(--text-secondary);
line-height: 1.35;
display: -webkit-box;
-webkit-line-clamp: 2;
@@ -159,7 +161,7 @@
.result-card__meta {
font-size: 0.78rem;
color: var(--purple);
color: var(--accent-primary);
font-style: normal;
}
@@ -167,7 +169,7 @@
.view-toggle {
display: flex;
gap: 0;
border: 1px solid var(--border-color);
border: 1px solid var(--border-secondary);
border-radius: 3px;
overflow: hidden;
flex-shrink: 0;
@@ -176,8 +178,8 @@
.view-toggle__btn {
padding: 0.25rem 0.75rem;
font-size: 0.78rem;
background: var(--white);
color: var(--text-muted);
background: var(--bg-primary);
color: var(--text-secondary);
border: none;
cursor: pointer;
text-decoration: none;
@@ -188,8 +190,8 @@
.view-toggle__btn.active,
.view-toggle__btn:hover {
background: var(--purple);
color: var(--white);
background: var(--accent-primary);
color: var(--text-primary);
}
/* Search controls bar */
@@ -198,7 +200,7 @@
align-items: center;
gap: 1rem;
padding: 0.4rem 1.5rem;
border-bottom: 1px solid var(--border-color);
border-bottom: 1px solid var(--border-secondary);
flex-shrink: 0;
flex-wrap: wrap;
}
@@ -209,7 +211,7 @@
align-items: center;
gap: 0.4rem;
font-size: 0.78rem;
color: var(--text-muted);
color: var(--text-secondary);
text-transform: uppercase;
letter-spacing: 0.06em;
white-space: nowrap;
@@ -218,24 +220,24 @@
.search-filter-select {
font-size: 0.82rem;
border: 1px solid #949494;
border: 1px solid var(--border-primary);
border-radius: 3px;
padding: 0.2rem 0.5rem;
background: var(--white);
color: var(--black);
background: var(--bg-primary);
color: var(--text-primary);
font-family: inherit;
cursor: pointer;
}
.search-filter-select:focus {
border-color: var(--purple);
border-color: var(--accent-primary);
}
.search-apply-btn {
font-size: 0.82rem;
padding: 0.2rem 0.8rem;
background: var(--purple);
color: var(--white);
background: var(--accent-primary);
color: var(--accent-foreground);
border: none;
border-radius: 3px;
cursor: pointer;
@@ -244,12 +246,12 @@
}
.search-apply-btn:hover {
background: var(--purple-dark);
background: var(--accent-secondary);
}
.search-reset-link {
font-size: 0.82rem;
color: var(--text-muted);
color: var(--text-secondary);
text-decoration: underline;
cursor: pointer;
}
@@ -270,17 +272,17 @@
min-width: 2rem;
height: 2rem;
padding: 0 0.5rem;
border: 1px solid var(--border-color);
border: 1px solid var(--border-secondary);
border-radius: 3px;
color: var(--black);
color: var(--text-primary);
font-size: 0.9rem;
text-decoration: none;
transition: all 0.15s;
}
.pagination-btn:hover:not(.disabled) {
border-color: var(--purple);
color: var(--purple);
border-color: var(--accent-primary);
color: var(--accent-primary);
}
.pagination-btn.disabled {
@@ -291,13 +293,13 @@
.pagination-info {
font-size: 0.9rem;
color: var(--text-muted);
color: var(--text-secondary);
padding: 0 0.5rem;
}
.search-empty {
padding: 3rem 1.5rem;
color: var(--text-muted);
color: var(--text-secondary);
font-size: 1rem;
text-align: center;
}