diff options
| author | erdgeist <erdgeist@erdgeist.org> | 2026-07-09 04:53:56 +0200 |
|---|---|---|
| committer | erdgeist <erdgeist@erdgeist.org> | 2026-07-09 04:53:56 +0200 |
| commit | 3ae22916cd5fd0f63ffacc7a9e1aa97d311b83e6 (patch) | |
| tree | 05fa25472040295c9a318e17a03d9496cf91d825 /public | |
| parent | 332ffbeed90cf07342925b82ed3fda1762346be2 (diff) | |
Fix button height mismatch between bordered and pill button styles, extend table styling to assets/users/events
Fix button height mismatch, extend table styling to assets/users/events
a.action_button (bordered) and the state_changing/destructive/computation
pills (borderless) rendered at different heights, since each pill variant
set its own padding at higher specificity than the shared rule meant to
equalize them. Padding and border-radius now live only in one shared
rule; also restores the #page_editor prefix on a.action_button, needed
to outrank the #page_editor a wavy-underline rule.
table.assets_table, table.user_table, and table.events_table now share
table.node_table's border-collapse/header/hover treatment. tr
min-height is dropped -- browsers don't honor height on <tr> -- in
favor of cell padding, kept at zero for node_table (spacing already
comes from its h4/p content) and set to 8px for the plain-text tables.
Diffstat (limited to 'public')
| -rw-r--r-- | public/stylesheets/admin.css | 60 |
1 files changed, 42 insertions, 18 deletions
diff --git a/public/stylesheets/admin.css b/public/stylesheets/admin.css index 3607166..66f13b8 100644 --- a/public/stylesheets/admin.css +++ b/public/stylesheets/admin.css | |||
| @@ -274,8 +274,6 @@ form.button_to.state_changing input[type="submit"], | |||
| 274 | form.button_to.state_changing button[type="submit"] { | 274 | form.button_to.state_changing button[type="submit"] { |
| 275 | color: #0d47a1; | 275 | color: #0d47a1; |
| 276 | background-color: #e3f2fd; | 276 | background-color: #e3f2fd; |
| 277 | border-radius: 2px; | ||
| 278 | padding: 2px 8px; | ||
| 279 | } | 277 | } |
| 280 | 278 | ||
| 281 | form.button_to.state_changing input[type="submit"]:hover, | 279 | form.button_to.state_changing input[type="submit"]:hover, |
| @@ -288,8 +286,6 @@ form.button_to.destructive input[type="submit"], | |||
| 288 | form.button_to.destructive button[type="submit"] { | 286 | form.button_to.destructive button[type="submit"] { |
| 289 | color: #cc0000; | 287 | color: #cc0000; |
| 290 | background-color: #fdecea; | 288 | background-color: #fdecea; |
| 291 | border-radius: 2px; | ||
| 292 | padding: 2px 8px; | ||
| 293 | } | 289 | } |
| 294 | 290 | ||
| 295 | form.button_to.destructive input[type="submit"]:hover, | 291 | form.button_to.destructive input[type="submit"]:hover, |
| @@ -302,8 +298,6 @@ form.button_to.computation input[type="submit"], | |||
| 302 | form.button_to.computation button[type="submit"] { | 298 | form.button_to.computation button[type="submit"] { |
| 303 | color: #00838f; | 299 | color: #00838f; |
| 304 | background-color: #e0f2f1; | 300 | background-color: #e0f2f1; |
| 305 | border-radius: 2px; | ||
| 306 | padding: 2px 8px; | ||
| 307 | } | 301 | } |
| 308 | 302 | ||
| 309 | form.button_to.computation input[type="submit"]:hover, | 303 | form.button_to.computation input[type="submit"]:hover, |
| @@ -385,15 +379,23 @@ table tr.header { | |||
| 385 | text-align: left; | 379 | text-align: left; |
| 386 | } | 380 | } |
| 387 | 381 | ||
| 388 | table.node_table { | 382 | table.node_table , |
| 383 | table.assets_table, | ||
| 384 | table.user_table, | ||
| 385 | table.events_table { | ||
| 389 | border-collapse: collapse; | 386 | border-collapse: collapse; |
| 390 | } | 387 | } |
| 391 | 388 | ||
| 392 | table.node_table tr { | 389 | table.node_table tr { |
| 393 | min-height: 2rem; | ||
| 394 | border-bottom: 1px solid #000000; | 390 | border-bottom: 1px solid #000000; |
| 395 | } | 391 | } |
| 396 | 392 | ||
| 393 | table.assets_table tr, | ||
| 394 | table.user_table tr, | ||
| 395 | table.events_table tr { | ||
| 396 | border-bottom: 1px solid #e8e8e8; | ||
| 397 | } | ||
| 398 | |||
| 397 | table.node_table th.node_id, | 399 | table.node_table th.node_id, |
| 398 | table.node_table th.revision, | 400 | table.node_table th.revision, |
| 399 | table.node_table th.title { | 401 | table.node_table th.title { |
| @@ -408,7 +410,10 @@ table.node_table th.title { | |||
| 408 | min-width: 12rem; | 410 | min-width: 12rem; |
| 409 | } | 411 | } |
| 410 | 412 | ||
| 411 | table.node_table tr.header { | 413 | table.node_table tr.header, |
| 414 | table.assets_table tr.header, | ||
| 415 | table.user_table tr.header, | ||
| 416 | table.events_table tr.header { | ||
| 412 | height: 2rem; | 417 | height: 2rem; |
| 413 | text-align: left; | 418 | text-align: left; |
| 414 | } | 419 | } |
| @@ -421,6 +426,16 @@ table.node_table td { | |||
| 421 | min-width: 2rem; | 426 | min-width: 2rem; |
| 422 | } | 427 | } |
| 423 | 428 | ||
| 429 | table.assets_table td, | ||
| 430 | table.user_table td, | ||
| 431 | table.events_table td { | ||
| 432 | padding-top: 8px; | ||
| 433 | padding-bottom: 8px; | ||
| 434 | padding-right: 25px; | ||
| 435 | padding-left: 0px; | ||
| 436 | min-width: 2rem; | ||
| 437 | } | ||
| 438 | |||
| 424 | table.node_table .node_id { | 439 | table.node_table .node_id { |
| 425 | padding-left: 10px; | 440 | padding-left: 10px; |
| 426 | padding-right: 15px; | 441 | padding-right: 15px; |
| @@ -430,11 +445,17 @@ table.node_table .actions { | |||
| 430 | text-transform: lowercase; | 445 | text-transform: lowercase; |
| 431 | } | 446 | } |
| 432 | 447 | ||
| 433 | table.node_table tr.header:hover { | 448 | table.node_table tr.header:hover, |
| 449 | table.assets_table tr.header:hover, | ||
| 450 | table.user_table tr.header:hover, | ||
| 451 | table.events_table tr.header:hover { | ||
| 434 | background-color: #ffffff; | 452 | background-color: #ffffff; |
| 435 | } | 453 | } |
| 436 | 454 | ||
| 437 | table.node_table tr:hover { | 455 | table.node_table tr:hover, |
| 456 | table.assets_table tr:hover, | ||
| 457 | table.user_table tr:hover, | ||
| 458 | table.events_table tr:hover { | ||
| 438 | background-color: #f1f1f1; | 459 | background-color: #f1f1f1; |
| 439 | } | 460 | } |
| 440 | 461 | ||
| @@ -598,17 +619,18 @@ table.user_table td.user_login { | |||
| 598 | display: block; | 619 | display: block; |
| 599 | } | 620 | } |
| 600 | 621 | ||
| 601 | #page_editor a.action_button, | 622 | a.action_button, |
| 602 | .node_status form.button_to input[type="submit"], | 623 | form.button_to input[type="submit"], |
| 603 | .node_status form.button_to button[type="submit"] { | 624 | form.button_to button[type="submit"] { |
| 604 | padding: 4px 12px; | 625 | padding: 4px 12px; |
| 605 | line-height: 1.2; | 626 | line-height: 1.2; |
| 606 | box-sizing: border-box; | 627 | box-sizing: border-box; |
| 607 | } | 628 | } |
| 608 | 629 | ||
| 609 | .node_status form.button_to input[type="submit"], | 630 | form.button_to input[type="submit"], |
| 610 | .node_status form.button_to button[type="submit"] { | 631 | form.button_to button[type="submit"] { |
| 611 | border: 1px solid transparent; | 632 | border: 1px solid transparent; |
| 633 | border-radius: 2px; | ||
| 612 | } | 634 | } |
| 613 | 635 | ||
| 614 | .field_hint { | 636 | .field_hint { |
| @@ -659,7 +681,8 @@ div#page_editor { | |||
| 659 | margin-left: 10px; | 681 | margin-left: 10px; |
| 660 | } | 682 | } |
| 661 | 683 | ||
| 662 | #page_editor a.action_button { | 684 | #page_editor a.action_button, |
| 685 | a.action_button { | ||
| 663 | display: inline-block; | 686 | display: inline-block; |
| 664 | -webkit-appearance: none; | 687 | -webkit-appearance: none; |
| 665 | appearance: none; | 688 | appearance: none; |
| @@ -671,7 +694,8 @@ div#page_editor { | |||
| 671 | color: #000000; | 694 | color: #000000; |
| 672 | } | 695 | } |
| 673 | 696 | ||
| 674 | #page_editor a.action_button:hover { | 697 | #page_editor a.action_button:hover, |
| 698 | a.action_button:hover { | ||
| 675 | color: #ffffff; | 699 | color: #ffffff; |
| 676 | background-color: #000000; | 700 | background-color: #000000; |
| 677 | } | 701 | } |
