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

admin: semantic HTML improvements — dl stats, section cards, th scope

Browse Source 
- admin/index.php: replace <div class="admin-stats"> with <dl>; inner
  <div class="admin-stat__number"> → <dd>, <div class="admin-stat__label"> → <dt>;
  use CSS order to keep number visually first; add scope="col" to all 9 <th> cells

- admin/thanks.php: replace all four <div class="admin-thesis-info"> wrappers
  with <section> elements; remove the class entirely; add scope="col" to
  the files table <th> cells

- admin/tags.php: add scope="col" to all 3 <th> cells

- admin/pages.php: add scope="col" to all 4 <th> cells

- admin.css: rename .admin-thesis-info selectors to .admin-main > section
  (element + context selector — no class needed); add display:flex +
  flex-direction:column to .admin-stat so CSS order property works correctly

Addresses TODO items: section X (admin-stats dl, th scope), XI (tags th scope),
XII (admin-thesis-info → section), XIII (pages.php th scope)
This commit is contained in:
Pontoporeia
2026-04-01 16:50:53 +02:00
parent 8e36f98139
commit 573747303f
6 changed files with 49 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
public/assets/css/admin.css
View File

@@ -309,6 +309,8 @@
border-radius: 4px;
padding: 1rem 1.5rem;
min-width: 140px;
display: flex;
flex-direction: column;
}
.admin-stat__number {
@@ -316,12 +318,15 @@
font-weight: 700;
color: var(--admin-purple);
line-height: 1;
order: 1; /* visually first despite dt/dd semantic order */
margin: 0;
}
.admin-stat__label {
font-size: 0.82rem;
color: var(--admin-text-muted);
margin-top: 0.25rem;
order: 2; /* visually second */
}
/* ---- Filters bar ---- */
@@ -514,34 +519,34 @@
gap: 0.5rem;
}
/* Thesis info (thanks page) */
.admin-thesis-info {
/* Thesis info sections (thanks page) */
.admin-main > section {
border: 1px solid var(--admin-border);
border-radius: 6px;
padding: 1.5rem;
margin-bottom: 1.5rem;
}
.admin-thesis-info h2 {
.admin-main > section h2 {
margin: 0 0 1rem;
font-size: 1.2rem;
border-bottom: 1px solid var(--admin-border);
padding-bottom: 0.5rem;
}
.admin-thesis-info dl {
.admin-main > section dl {
display: grid;
grid-template-columns: 180px 1fr;
gap: 0.4rem 1rem;
}
.admin-thesis-info dt {
.admin-main > section dt {
font-weight: 600;
font-size: 0.88rem;
color: var(--admin-text-muted);
}
.admin-thesis-info dd {
.admin-main > section dd {
margin: 0;
font-size: 0.9rem;
}