diff options
| author | erdgeist <erdgeist@erdgeist.org> | 2026-08-10 20:30:19 +0200 |
|---|---|---|
| committer | erdgeist <erdgeist@erdgeist.org> | 2026-08-10 20:30:19 +0200 |
| commit | fe3e0a5ff6d74e9245c00be32e2506ed2df22b51 (patch) | |
| tree | 1183d6efc43c53359aed85ab937b97d898008024 /public | |
| parent | f47f82473799c1b177978a0f18dc6ec185fd87e1 (diff) | |
Fix three admin.css defects
.action_button's font: inherit reset the font-weight: bold above it and the
line-height: 1.2 in the other .action_button rule; font-family and font-size
were what it was for. Buttons render bold again and at the intended height.
.link_icon_button:hover painted --on-solid, a fixed white, onto a fill of
--text -- an invisible glyph. --surface is what every other hover onto --text
uses.
Icon tiles in action_item carry the border and the disabled variant is the
one without. The raised fill is 3% off the background where the border is
13%, so the border was carrying the distinction while the disabled state was
the only thing outlined.
Diffstat (limited to 'public')
| -rw-r--r-- | public/stylesheets/admin.css | 11 |
1 files changed, 7 insertions, 4 deletions
diff --git a/public/stylesheets/admin.css b/public/stylesheets/admin.css index b8a01112..716eb9e1 100644 --- a/public/stylesheets/admin.css +++ b/public/stylesheets/admin.css | |||
| @@ -965,7 +965,7 @@ table.revisions_table tr:hover { | |||
| 965 | align-items: center; | 965 | align-items: center; |
| 966 | justify-content: center; | 966 | justify-content: center; |
| 967 | padding: 0.3rem; | 967 | padding: 0.3rem; |
| 968 | border: 1px solid transparent; | 968 | border: 1px solid var(--border); |
| 969 | border-radius: 2px; | 969 | border-radius: 2px; |
| 970 | background-color: var(--surface-raised); | 970 | background-color: var(--surface-raised); |
| 971 | color: var(--text); | 971 | color: var(--text); |
| @@ -990,7 +990,7 @@ table.revisions_table tr:hover { | |||
| 990 | .action_item .disabled_action { | 990 | .action_item .disabled_action { |
| 991 | color: var(--text-muted); | 991 | color: var(--text-muted); |
| 992 | background-color: transparent; | 992 | background-color: transparent; |
| 993 | border-color: var(--border); | 993 | border-color: transparent; |
| 994 | cursor: not-allowed; | 994 | cursor: not-allowed; |
| 995 | } | 995 | } |
| 996 | 996 | ||
| @@ -1342,13 +1342,15 @@ form.button_to button[type="submit"] { | |||
| 1342 | border: 1px solid var(--border); | 1342 | border: 1px solid var(--border); |
| 1343 | border-radius: 2px; | 1343 | border-radius: 2px; |
| 1344 | background-color: var(--surface); | 1344 | background-color: var(--surface); |
| 1345 | -webkit-appearance: none; | ||
| 1346 | appearance: none; | ||
| 1345 | color: var(--text-heavy); | 1347 | color: var(--text-heavy); |
| 1346 | line-height: 1; | 1348 | line-height: 1; |
| 1347 | text-decoration: none; | 1349 | text-decoration: none; |
| 1348 | } | 1350 | } |
| 1349 | 1351 | ||
| 1350 | .link_icon_button:hover { | 1352 | .link_icon_button:hover { |
| 1351 | color: var(--on-solid); | 1353 | color: var(--surface); |
| 1352 | background-color: var(--text); | 1354 | background-color: var(--text); |
| 1353 | border-color: var(--text); | 1355 | border-color: var(--text); |
| 1354 | } | 1356 | } |
| @@ -1612,7 +1614,8 @@ div#admin_layout { | |||
| 1612 | margin-bottom: 1rem; | 1614 | margin-bottom: 1rem; |
| 1613 | background: none; | 1615 | background: none; |
| 1614 | cursor: pointer; | 1616 | cursor: pointer; |
| 1615 | font: inherit; | 1617 | font-family: inherit; |
| 1618 | font-size: inherit; | ||
| 1616 | } | 1619 | } |
| 1617 | 1620 | ||
| 1618 | #admin_layout a.action_button:hover, | 1621 | #admin_layout a.action_button:hover, |
