diff options
| author | erdgeist <erdgeist@erdgeist.org> | 2026-08-20 12:50:30 +0200 |
|---|---|---|
| committer | erdgeist <erdgeist@erdgeist.org> | 2026-08-20 12:50:30 +0200 |
| commit | a8cf725312d245d8d1f1df0fff22718975ce249e (patch) | |
| tree | c5084dfe79e6eac647b0253a305361aa8ff6efbc /public/stylesheets | |
| parent | 4df88b601b1900c287051d827eaff46f498f60d0 (diff) | |
Add redirect ui in in nodes#edit and apply some minor cleanup
Also give search inputs a magnifier and a clear control: input_group
wraps a field with an icon and, where clearing is meaningful, a
button that empties it and any hidden companion named by data-clears.
Clean up some inconistency between field hints presented as p and as
span.
Remove stray console.log.
Diffstat (limited to 'public/stylesheets')
| -rw-r--r-- | public/stylesheets/admin.css | 45 |
1 files changed, 40 insertions, 5 deletions
diff --git a/public/stylesheets/admin.css b/public/stylesheets/admin.css index 923cac4b..63333d93 100644 --- a/public/stylesheets/admin.css +++ b/public/stylesheets/admin.css | |||
| @@ -446,11 +446,8 @@ form.button_to.computation button[type="submit"]:disabled { | |||
| 446 | pointer-events: none; | 446 | pointer-events: none; |
| 447 | } | 447 | } |
| 448 | 448 | ||
| 449 | /* Native (non-button_to) submit buttons -- Create/Save/Publish forms. | 449 | /* Native (non-button_to) submit buttons used for Create/Save/Publish |
| 450 | Lower specificity than form.button_to's own rule, so button_to forms | 450 | forms. */ |
| 451 | are correctly unaffected. If a button_to output ever loses its class | ||
| 452 | wrapper, it will silently fall through to this bordered style instead | ||
| 453 | of rendering as a plain link -- worth knowing, not necessarily fixing. */ | ||
| 454 | input[type="submit"] { | 451 | input[type="submit"] { |
| 455 | -webkit-appearance: none; | 452 | -webkit-appearance: none; |
| 456 | appearance: none; | 453 | appearance: none; |
| @@ -470,6 +467,44 @@ input[type="submit"]:hover { | |||
| 470 | background-color: var(--text); | 467 | background-color: var(--text); |
| 471 | } | 468 | } |
| 472 | 469 | ||
| 470 | .input_group { | ||
| 471 | width: 100%; | ||
| 472 | position: relative; | ||
| 473 | display: inline-block; | ||
| 474 | } | ||
| 475 | |||
| 476 | .input_group .field_search_icon { | ||
| 477 | position: absolute; | ||
| 478 | left: 0.5rem; | ||
| 479 | top: 55%; | ||
| 480 | transform: translateY(-50%); | ||
| 481 | color: var(--text-muted); | ||
| 482 | pointer-events: none; | ||
| 483 | } | ||
| 484 | |||
| 485 | .input_group .field_search_icon svg { | ||
| 486 | width: 1em; | ||
| 487 | height: 1em; | ||
| 488 | } | ||
| 489 | |||
| 490 | .input_group input[type="text"].clearable_input { | ||
| 491 | padding-left: 2rem; | ||
| 492 | padding-right: 1.75rem; | ||
| 493 | } | ||
| 494 | |||
| 495 | .field_clear { | ||
| 496 | position: absolute; | ||
| 497 | right: 0.25rem; | ||
| 498 | top: 50%; | ||
| 499 | transform: translateY(-50%); | ||
| 500 | appearance: none; | ||
| 501 | background: none; | ||
| 502 | border: 0; | ||
| 503 | color: var(--text-muted); | ||
| 504 | cursor: pointer; | ||
| 505 | line-height: 1; | ||
| 506 | } | ||
| 507 | |||
| 473 | /* ============================================================ | 508 | /* ============================================================ |
| 474 | Admin dashboard | 509 | Admin dashboard |
| 475 | ============================================================ */ | 510 | ============================================================ */ |
