summaryrefslogtreecommitdiff
path: root/public/stylesheets/admin.css
diff options
context:
space:
mode:
authorerdgeist <erdgeist@erdgeist.org>2026-07-06 16:49:45 +0200
committererdgeist <erdgeist@erdgeist.org>2026-07-06 16:49:45 +0200
commit36b5324900968afc7498950c14ad13be5c061a7c (patch)
treea717b115e308a940cc69d2b979ab03f90e5aeb80 /public/stylesheets/admin.css
parent889e15eabbe107d2642fdd8aa3f03821058c00dc (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.css64
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,
109input[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
319input[type=submit] { 318input[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
326input[type=submit]:hover { 332input[type="submit"]:hover {
327 border: none;
328 color: #ffffff; 333 color: #ffffff;
329 background-color: #ff9600; 334 background-color: #000000;
330} 335}
331 336
332input[type=radio] { 337input[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
572table#content th.description {
573 width: 100px;
574}
575
576table#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;