mirror of
https://codeberg.org/PostERG/xamxam.git
synced 2026-06-25 08:09:18 +02:00
standardise buttons: .btn base class (border-radius 10px, padding var(--space-xs))
This commit is contained in:
Pontoporeia
@@ -89,68 +89,26 @@
|
||||
gap: var(--space-s);
|
||||
}
|
||||
|
||||
.admin-btn {
|
||||
padding: var(--space-2xs) var(--space-l);
|
||||
background: var(--accent-primary);
|
||||
color: var(--accent-foreground);
|
||||
border: none;
|
||||
border-radius: 3px;
|
||||
font-size: var(--step--1);
|
||||
font-family: inherit;
|
||||
cursor: pointer;
|
||||
letter-spacing: 0.04em;
|
||||
text-decoration: none;
|
||||
display: inline-block;
|
||||
transition: background 0.15s;
|
||||
}
|
||||
/* ── Admin button aliases — see common.css .btn base class ────────────── */
|
||||
|
||||
.admin-btn:hover {
|
||||
background: var(--accent-secondary);
|
||||
.admin-btn {
|
||||
/* deprecated alias for .btn--primary; kept for backward-compat */
|
||||
}
|
||||
|
||||
.admin-btn-secondary {
|
||||
padding: var(--space-3xs) var(--space-m);
|
||||
background: transparent;
|
||||
color: var(--text-tertiary);
|
||||
border: 1px solid var(--border-primary);
|
||||
border-radius: 3px;
|
||||
font-size: var(--step--1);
|
||||
font-family: inherit;
|
||||
cursor: pointer;
|
||||
letter-spacing: 0.04em;
|
||||
text-decoration: none;
|
||||
display: inline-block;
|
||||
transition: all 0.15s;
|
||||
/* deprecated alias for .btn--secondary; kept for backward-compat */
|
||||
}
|
||||
|
||||
.admin-btn-secondary:hover {
|
||||
border-color: var(--text-secondary);
|
||||
color: var(--text-primary);
|
||||
}
|
||||
|
||||
/* Small size modifier */
|
||||
.admin-btn--sm {
|
||||
padding: var(--space-3xs) var(--space-2xs);
|
||||
font-size: var(--step--2);
|
||||
/* deprecated alias for .btn--sm; kept for backward-compat */
|
||||
}
|
||||
|
||||
/* Semantic colour modifiers */
|
||||
.admin-btn--warning {
|
||||
background: var(--accent-yellow);
|
||||
color: var(--text-primary);
|
||||
border: none;
|
||||
}
|
||||
.admin-btn--warning:hover {
|
||||
filter: brightness(0.9);
|
||||
/* deprecated alias for .btn--warning; kept for backward-compat */
|
||||
}
|
||||
|
||||
.admin-btn--danger {
|
||||
background: var(--accent-red);
|
||||
color: var(--accent-foreground);
|
||||
border: none;
|
||||
}
|
||||
.admin-btn--danger:hover {
|
||||
filter: brightness(0.9);
|
||||
/* deprecated alias for .btn--danger; kept for backward-compat */
|
||||
}
|
||||
|
||||
/* ── Toast messages (bottom-center, CSS-only auto-fade) ─────────────── */
|
||||
@@ -319,37 +277,11 @@
|
||||
}
|
||||
|
||||
.admin-filters-btn {
|
||||
padding: var(--space-3xs) var(--space-s);
|
||||
background: var(--accent-primary);
|
||||
color: var(--accent-foreground);
|
||||
border: none;
|
||||
border-radius: 3px;
|
||||
font-size: var(--step--1);
|
||||
font-family: inherit;
|
||||
cursor: pointer;
|
||||
transition: background 0.15s;
|
||||
}
|
||||
|
||||
.admin-filters-btn:hover {
|
||||
background: var(--accent-secondary);
|
||||
/* deprecated alias for .btn--primary; kept for backward-compat */
|
||||
}
|
||||
|
||||
.admin-filters-reset {
|
||||
font-size: var(--step--1);
|
||||
color: var(--text-secondary);
|
||||
background: none;
|
||||
border: 1px solid var(--border-primary);
|
||||
border-radius: 3px;
|
||||
font-family: inherit;
|
||||
padding: var(--space-3xs) var(--space-xs);
|
||||
cursor: pointer;
|
||||
text-decoration: none;
|
||||
transition: border-color 0.15s, color 0.15s;
|
||||
}
|
||||
|
||||
.admin-filters-reset:hover {
|
||||
border-color: var(--text-secondary);
|
||||
color: var(--text-primary);
|
||||
/* deprecated alias for .btn--secondary; kept for backward-compat */
|
||||
}
|
||||
|
||||
/* ── Bulk actions bar ───────────────────────────────────────────────────── */
|
||||
@@ -449,80 +381,40 @@
|
||||
color: var(--error);
|
||||
}
|
||||
|
||||
/* ── Action buttons in table ────────────────────────────────────────────── */
|
||||
/* ── Action buttons in table — see common.css .btn base class ──────────── */
|
||||
.admin-actions {
|
||||
display: flex;
|
||||
gap: var(--space-3xs);
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
/* Legacy table-action size — now just an alias */
|
||||
.admin-btn-sm {
|
||||
padding: var(--space-3xs) var(--space-2xs);
|
||||
min-height: 2rem;
|
||||
border-radius: 3px;
|
||||
font-size: var(--step--2);
|
||||
font-family: inherit;
|
||||
cursor: pointer;
|
||||
text-decoration: none;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
border: 1px solid transparent;
|
||||
transition: all 0.15s;
|
||||
white-space: nowrap;
|
||||
/* deprecated alias for .btn--sm; kept for backward-compat */
|
||||
}
|
||||
|
||||
.admin-btn-view {
|
||||
background: var(--blue-muted-bg);
|
||||
color: var(--accent-blue);
|
||||
border-color: var(--blue-muted-border);
|
||||
}
|
||||
.admin-btn-view:hover {
|
||||
background: var(--blue-muted-bg-hover);
|
||||
/* deprecated alias for .btn--sm .btn--blue */
|
||||
}
|
||||
|
||||
.admin-btn-visit {
|
||||
background: var(--success-muted-bg);
|
||||
color: var(--success);
|
||||
border-color: var(--success-muted-border);
|
||||
}
|
||||
.admin-btn-visit:hover {
|
||||
background: var(--green-muted-bg-hover);
|
||||
/* deprecated alias for .btn--sm .btn--green */
|
||||
}
|
||||
|
||||
.admin-btn-edit {
|
||||
background: var(--yellow-muted-bg);
|
||||
color: var(--accent-yellow);
|
||||
border-color: var(--yellow-muted-border);
|
||||
}
|
||||
.admin-btn-edit:hover {
|
||||
background: var(--yellow-muted-bg-hover);
|
||||
/* deprecated alias for .btn--sm .btn--yellow */
|
||||
}
|
||||
|
||||
.admin-btn-publish {
|
||||
background: var(--green-muted-bg);
|
||||
color: var(--accent-green);
|
||||
border-color: var(--green-muted-border);
|
||||
}
|
||||
.admin-btn-publish:hover {
|
||||
background: var(--green-muted-bg-hover);
|
||||
/* deprecated alias for .btn--sm .btn--green */
|
||||
}
|
||||
|
||||
.admin-btn-unpublish {
|
||||
background: var(--bg-secondary);
|
||||
color: var(--text-tertiary);
|
||||
border-color: var(--border-primary);
|
||||
}
|
||||
.admin-btn-unpublish:hover {
|
||||
background: var(--bg-tertiary);
|
||||
/* deprecated alias for .btn--sm .btn--muted */
|
||||
}
|
||||
|
||||
.admin-btn-delete {
|
||||
background: var(--error-muted-bg);
|
||||
color: var(--error);
|
||||
border-color: var(--error-muted-border, var(--border-primary));
|
||||
}
|
||||
.admin-btn-delete:hover {
|
||||
filter: brightness(0.9);
|
||||
/* deprecated alias for .btn--sm .btn--red */
|
||||
}
|
||||
|
||||
.publish-form {
|
||||
@@ -705,7 +597,7 @@
|
||||
padding-top: var(--space-2xs);
|
||||
}
|
||||
|
||||
.admin-login-box .admin-btn {
|
||||
.admin-login-box .btn {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
@@ -1121,53 +1013,15 @@
|
||||
}
|
||||
|
||||
.param-form > button {
|
||||
align-self: flex-start;
|
||||
padding: var(--space-2xs) var(--space-l);
|
||||
background: var(--accent-primary);
|
||||
color: var(--accent-foreground);
|
||||
border: none;
|
||||
border-radius: 3px;
|
||||
font-size: var(--step--1);
|
||||
font-family: inherit;
|
||||
cursor: pointer;
|
||||
letter-spacing: 0.04em;
|
||||
transition: background 0.15s;
|
||||
}
|
||||
|
||||
.param-form > button:hover {
|
||||
background: var(--accent-secondary);
|
||||
/* deprecated alias for .btn--primary; kept for backward-compat */
|
||||
}
|
||||
|
||||
.param-btn-warning {
|
||||
padding: var(--space-3xs) var(--space-s);
|
||||
background: var(--accent-yellow);
|
||||
color: var(--text-primary);
|
||||
border: none;
|
||||
border-radius: 3px;
|
||||
font-size: var(--step--1);
|
||||
font-family: inherit;
|
||||
cursor: pointer;
|
||||
transition: filter 0.15s;
|
||||
}
|
||||
|
||||
.param-btn-warning:hover {
|
||||
filter: brightness(0.9);
|
||||
/* deprecated alias for .btn--warning; kept for backward-compat */
|
||||
}
|
||||
|
||||
.param-btn-danger {
|
||||
padding: var(--space-3xs) var(--space-s);
|
||||
background: var(--accent-red);
|
||||
color: var(--accent-foreground);
|
||||
border: none;
|
||||
border-radius: 3px;
|
||||
font-size: var(--step--1);
|
||||
font-family: inherit;
|
||||
cursor: pointer;
|
||||
transition: filter 0.15s;
|
||||
}
|
||||
|
||||
.param-btn-danger:hover {
|
||||
filter: brightness(0.9);
|
||||
/* deprecated alias for .btn--danger; kept for backward-compat */
|
||||
}
|
||||
|
||||
.param-danger-zone {
|
||||
@@ -1208,19 +1062,7 @@
|
||||
}
|
||||
|
||||
.param-btn-export {
|
||||
padding: var(--space-3xs) var(--space-s);
|
||||
background: var(--primary, #2563eb);
|
||||
color: var(--accent-foreground, #fff);
|
||||
border: none;
|
||||
border-radius: 3px;
|
||||
font-size: var(--step--1);
|
||||
font-family: inherit;
|
||||
cursor: pointer;
|
||||
transition: filter 0.15s;
|
||||
}
|
||||
|
||||
.param-btn-export:hover {
|
||||
filter: brightness(0.9);
|
||||
/* deprecated alias for .btn--primary; kept for backward-compat */
|
||||
}
|
||||
|
||||
|
||||
@@ -1541,7 +1383,7 @@
|
||||
min-height: 2.75rem;
|
||||
padding: 0 var(--space-2xs);
|
||||
border: 1px solid var(--border-secondary);
|
||||
border-radius: 3px;
|
||||
border-radius: 10px;
|
||||
color: var(--text-primary);
|
||||
font-size: var(--step--1);
|
||||
text-decoration: none;
|
||||
|
||||
Reference in New Issue
Block a user