diff options
| author | erdgeist <erdgeist@erdgeist.org> | 2026-07-06 16:49:45 +0200 |
|---|---|---|
| committer | erdgeist <erdgeist@erdgeist.org> | 2026-07-06 16:49:45 +0200 |
| commit | 36b5324900968afc7498950c14ad13be5c061a7c (patch) | |
| tree | a717b115e308a940cc69d2b979ab03f90e5aeb80 /public/stylesheets/admin.css | |
| parent | 889e15eabbe107d2642fdd8aa3f03821058c00dc (diff) | |
Restructure nodes#show and nodes#new around node_description/node_content
nodes#show's flat <table> of label/value pairs grew unreadable once
Admin Preview and Public Preview were added alongside Public Link -
switched to the div.node_description/div.node_content pattern already
used by nodes#edit, grouped into People/Dates/Links/Revisions/Tags/
Events/Children sections rather than one undifferentiated list.
People/Dates/Links use a flex-based item layout, not a second <table> -
multiple independent tables sharing one outer width but different
column counts produced misaligned columns with no shared grid. Flex
items size to their own content with a shared minimum instead.
Revisions and Children are both collapsed via <details>, no JS needed -
previously nodes#show didn't list a node's children at all, blocking
the ability to find/navigate erfa and chaostreff pages without already
knowing they're now standalone nodes. Revision list items link to
node_revision_path(@node, page) - the actual per-revision diff/restore
view, not the plain index.
nodes#new converted to the same pattern for visual consistency, plus a
few things surfaced along the way: submit buttons were unstyled
site-wide (a bare input[type=submit] with no border, fill, or hover
state - Create on this exact page was easy to miss entirely), fixed
with a bordered/bold treatment reusing the existing form.button_to
visual language rather than introducing a fourth button style. Title
regained the bold weight it had before the table rewrite dropped it
silently. Tag list grouping and full link/button semantic taxonomy
(show vs edit/add vs publish/revoke vs destroy, applied consistently
across every link on the page, not just buttons) are known follow-ups,
not attempted here.
Diffstat (limited to 'public/stylesheets/admin.css')
| -rw-r--r-- | public/stylesheets/admin.css | 64 |
1 files changed, 47 insertions, 17 deletions
diff --git a/public/stylesheets/admin.css b/public/stylesheets/admin.css index f240bb2..1196d83 100644 --- a/public/stylesheets/admin.css +++ b/public/stylesheets/admin.css | |||
| @@ -106,7 +106,6 @@ div.pagination span.current, div.pagination a:hover { | |||
| 106 | #main_navigation a, | 106 | #main_navigation a, |
| 107 | #sub_navigation a, | 107 | #sub_navigation a, |
| 108 | #metadata a, | 108 | #metadata a, |
| 109 | input[type=submit], | ||
| 110 | #overview_toggle a { | 109 | #overview_toggle a { |
| 111 | letter-spacing: 1px; | 110 | letter-spacing: 1px; |
| 112 | padding-left: 5px; | 111 | padding-left: 5px; |
| @@ -316,17 +315,23 @@ input[type=password] { | |||
| 316 | border: 1px solid #989898; | 315 | border: 1px solid #989898; |
| 317 | } | 316 | } |
| 318 | 317 | ||
| 319 | input[type=submit] { | 318 | input[type="submit"] { |
| 320 | border: none; | 319 | -webkit-appearance: none; |
| 321 | padding-top: 0px; | 320 | appearance: none; |
| 322 | padding-bottom: 1px; | 321 | background: none; |
| 323 | background-color: #ffffff; | 322 | border: 1px solid #000000; |
| 323 | border-radius: 2px; | ||
| 324 | padding: 4px 12px; | ||
| 325 | font: inherit; | ||
| 326 | font-weight: bold; | ||
| 327 | color: inherit; | ||
| 328 | cursor: pointer; | ||
| 329 | text-decoration: none; | ||
| 324 | } | 330 | } |
| 325 | 331 | ||
| 326 | input[type=submit]:hover { | 332 | input[type="submit"]:hover { |
| 327 | border: none; | ||
| 328 | color: #ffffff; | 333 | color: #ffffff; |
| 329 | background-color: #ff9600; | 334 | background-color: #000000; |
| 330 | } | 335 | } |
| 331 | 336 | ||
| 332 | input[type=radio] { | 337 | input[type=radio] { |
| @@ -516,6 +521,39 @@ table tr.header { | |||
| 516 | padding-bottom: 4px; | 521 | padding-bottom: 4px; |
| 517 | } | 522 | } |
| 518 | 523 | ||
| 524 | .node_content.node_info_group { | ||
| 525 | border: 1px solid #e8e8e8; | ||
| 526 | border-radius: 6px; | ||
| 527 | padding: 0.5rem 0.75rem; | ||
| 528 | } | ||
| 529 | |||
| 530 | .node_info_group_items { | ||
| 531 | display: flex; | ||
| 532 | flex-wrap: wrap; | ||
| 533 | gap: 0.5rem 2rem; | ||
| 534 | } | ||
| 535 | |||
| 536 | .node_info_item { | ||
| 537 | min-width: 140px; | ||
| 538 | } | ||
| 539 | |||
| 540 | .node_info_label { | ||
| 541 | display: block; | ||
| 542 | font-weight: normal; | ||
| 543 | color: #969696; | ||
| 544 | font-size: 0.85rem; | ||
| 545 | text-transform: lowercase; | ||
| 546 | } | ||
| 547 | |||
| 548 | .node_info_group ul { | ||
| 549 | margin: 0; | ||
| 550 | padding-left: 1.25rem; | ||
| 551 | } | ||
| 552 | |||
| 553 | .node_info_group li { | ||
| 554 | margin-bottom: 0.25rem; | ||
| 555 | } | ||
| 556 | |||
| 519 | #search_widget { | 557 | #search_widget { |
| 520 | position: absolute; | 558 | position: absolute; |
| 521 | top: 20px; | 559 | top: 20px; |
| @@ -569,14 +607,6 @@ table tr.header { | |||
| 569 | border-bottom: none; | 607 | border-bottom: none; |
| 570 | } | 608 | } |
| 571 | 609 | ||
| 572 | table#content th.description { | ||
| 573 | width: 100px; | ||
| 574 | } | ||
| 575 | |||
| 576 | table#content th.content { | ||
| 577 | width: 690px; | ||
| 578 | } | ||
| 579 | |||
| 580 | #menu_item_list { | 610 | #menu_item_list { |
| 581 | border-collapse: collapse; | 611 | border-collapse: collapse; |
| 582 | padding: 5px 5px 5px 5px; | 612 | padding: 5px 5px 5px 5px; |
