diff options
Diffstat (limited to 'public')
| -rw-r--r-- | public/stylesheets/admin.css | 91 |
1 files changed, 47 insertions, 44 deletions
diff --git a/public/stylesheets/admin.css b/public/stylesheets/admin.css index 1c74bbf5..8b976599 100644 --- a/public/stylesheets/admin.css +++ b/public/stylesheets/admin.css | |||
| @@ -644,24 +644,20 @@ table tr.header { | |||
| 644 | text-align: left; | 644 | text-align: left; |
| 645 | } | 645 | } |
| 646 | 646 | ||
| 647 | table.node_table , | 647 | table.node_table, |
| 648 | table.assets_table, | 648 | table.assets_table, |
| 649 | table.user_table, | 649 | table.user_table, |
| 650 | table.events_table { | 650 | table.events_table { |
| 651 | border-collapse: collapse; | 651 | border-collapse: collapse; |
| 652 | } | 652 | } |
| 653 | 653 | ||
| 654 | table.node_table tr { | 654 | table.node_table tr, |
| 655 | border-bottom: 1px solid var(--text); | ||
| 656 | } | ||
| 657 | |||
| 658 | table.assets_table tr, | 655 | table.assets_table tr, |
| 659 | table.user_table tr, | 656 | table.user_table tr, |
| 660 | table.events_table tr { | 657 | table.events_table tr { |
| 661 | border-bottom: 1px solid var(--hairline); | 658 | border-bottom: 1px solid var(--hairline); |
| 662 | } | 659 | } |
| 663 | 660 | ||
| 664 | table.node_table th.node_id, | ||
| 665 | table.node_table th.revision { | 661 | table.node_table th.revision { |
| 666 | min-width: 4rem; | 662 | min-width: 4rem; |
| 667 | } | 663 | } |
| @@ -682,14 +678,7 @@ table.events_table tr.header { | |||
| 682 | text-align: left; | 678 | text-align: left; |
| 683 | } | 679 | } |
| 684 | 680 | ||
| 685 | table.node_table td { | 681 | table.node_table td, |
| 686 | padding-top: 0px; | ||
| 687 | padding-bottom: 0px; | ||
| 688 | padding-right: 25px; | ||
| 689 | padding-left: 0px; | ||
| 690 | min-width: 2rem; | ||
| 691 | } | ||
| 692 | |||
| 693 | table.assets_table td, | 682 | table.assets_table td, |
| 694 | table.user_table td, | 683 | table.user_table td, |
| 695 | table.events_table td { | 684 | table.events_table td { |
| @@ -700,15 +689,6 @@ table.events_table td { | |||
| 700 | min-width: 2rem; | 689 | min-width: 2rem; |
| 701 | } | 690 | } |
| 702 | 691 | ||
| 703 | table.node_table .node_id { | ||
| 704 | padding-left: 10px; | ||
| 705 | padding-right: 15px; | ||
| 706 | } | ||
| 707 | |||
| 708 | table.node_table .actions { | ||
| 709 | text-transform: lowercase; | ||
| 710 | } | ||
| 711 | |||
| 712 | table.node_table tr.header:hover, | 692 | table.node_table tr.header:hover, |
| 713 | table.assets_table tr.header:hover, | 693 | table.assets_table tr.header:hover, |
| 714 | table.user_table tr.header:hover, | 694 | table.user_table tr.header:hover, |
| @@ -723,10 +703,6 @@ table.events_table tr:hover { | |||
| 723 | background-color: var(--surface-tint); | 703 | background-color: var(--surface-tint); |
| 724 | } | 704 | } |
| 725 | 705 | ||
| 726 | #admin_sitemap_table .node_id:before { | ||
| 727 | content: "• "; | ||
| 728 | } | ||
| 729 | |||
| 730 | table.revisions_table { | 706 | table.revisions_table { |
| 731 | border-collapse: collapse; | 707 | border-collapse: collapse; |
| 732 | } | 708 | } |
| @@ -844,37 +820,47 @@ table.revisions_table tr:hover { | |||
| 844 | margin-bottom: 1.5rem; | 820 | margin-bottom: 1.5rem; |
| 845 | } | 821 | } |
| 846 | 822 | ||
| 847 | .user_table td.user_actions { | 823 | .user_table td.actions, |
| 824 | .node_table td.actions { | ||
| 848 | width: 1px; | 825 | width: 1px; |
| 849 | white-space: nowrap; | 826 | white-space: nowrap; |
| 827 | } | ||
| 828 | |||
| 829 | /* Only where the action column is last. In the node lists rev. follows it, | ||
| 830 | and the 25px gutter is a real gap between columns there. */ | ||
| 831 | .user_table td.actions { | ||
| 850 | padding-right: 0; | 832 | padding-right: 0; |
| 851 | } | 833 | } |
| 852 | 834 | ||
| 853 | .user_table .user_action_grid { | 835 | .action_grid { |
| 854 | display: grid; | 836 | display: grid; |
| 855 | grid-template-columns: repeat(3, auto); | ||
| 856 | gap: 0.4rem; | 837 | gap: 0.4rem; |
| 857 | justify-content: end; | 838 | justify-content: end; |
| 858 | } | 839 | } |
| 859 | 840 | ||
| 860 | .user_table .user_action { | 841 | .user_table .action_grid { grid-template-columns: repeat(3, auto); } |
| 842 | .node_table .action_grid { grid-template-columns: repeat(2, auto); } | ||
| 843 | |||
| 844 | /* min-height keeps a row the same height whether or not the viewer may see | ||
| 845 | the lower controls. */ | ||
| 846 | .action_item { | ||
| 861 | display: inline-flex; | 847 | display: inline-flex; |
| 862 | min-height: 2rem; | 848 | min-height: 2rem; |
| 863 | } | 849 | } |
| 864 | 850 | ||
| 865 | .user_table .user_action svg { | 851 | .action_item svg { |
| 866 | width: 1.25rem; | 852 | width: 1.25rem; |
| 867 | height: 1.25rem; | 853 | height: 1.25rem; |
| 868 | } | 854 | } |
| 869 | 855 | ||
| 870 | .user_table .user_action form.button_to { | 856 | .action_item form.button_to { |
| 871 | display: inline-flex; | 857 | display: inline-flex; |
| 872 | margin: 0; | 858 | margin: 0; |
| 873 | } | 859 | } |
| 874 | 860 | ||
| 875 | .user_table .user_action a, | 861 | .action_item a, |
| 876 | .user_table .user_action button[type="submit"], | 862 | .action_item form.button_to button[type="submit"], |
| 877 | .user_table .user_action .disabled_action { | 863 | .action_item .disabled_action { |
| 878 | display: inline-flex; | 864 | display: inline-flex; |
| 879 | align-items: center; | 865 | align-items: center; |
| 880 | justify-content: center; | 866 | justify-content: center; |
| @@ -886,22 +872,22 @@ table.revisions_table tr:hover { | |||
| 886 | text-decoration: none; | 872 | text-decoration: none; |
| 887 | } | 873 | } |
| 888 | 874 | ||
| 889 | .user_table .user_action a:hover { | 875 | .action_item a:hover { |
| 890 | color: var(--surface); | 876 | color: var(--surface); |
| 891 | background-color: var(--text); | 877 | background-color: var(--text); |
| 892 | } | 878 | } |
| 893 | 879 | ||
| 894 | .user_table .user_action form.button_to.destructive button:hover { | 880 | .action_item form.button_to.destructive button:hover { |
| 895 | color: var(--on-solid); | 881 | color: var(--on-solid); |
| 896 | background-color: var(--danger-solid); | 882 | background-color: var(--danger-solid); |
| 897 | } | 883 | } |
| 898 | 884 | ||
| 899 | .user_table .user_action form.button_to.state_changing button:hover { | 885 | .action_item form.button_to.state_changing button:hover { |
| 900 | color: var(--on-solid); | 886 | color: var(--on-solid); |
| 901 | background-color: var(--action-solid); | 887 | background-color: var(--action-solid); |
| 902 | } | 888 | } |
| 903 | 889 | ||
| 904 | .user_table .user_action .disabled_action { | 890 | .action_item .disabled_action { |
| 905 | color: var(--text-muted); | 891 | color: var(--text-muted); |
| 906 | background-color: transparent; | 892 | background-color: transparent; |
| 907 | border-color: var(--border); | 893 | border-color: var(--border); |
| @@ -915,22 +901,39 @@ table.revisions_table tr:hover { | |||
| 915 | .flag_stack { | 901 | .flag_stack { |
| 916 | display: inline-flex; | 902 | display: inline-flex; |
| 917 | flex-direction: column; | 903 | flex-direction: column; |
| 918 | align-items: center; | 904 | align-items: flex-start; |
| 919 | min-width: 1rem; | ||
| 920 | gap: 0.25rem; | 905 | gap: 0.25rem; |
| 921 | vertical-align: -0.15em; | 906 | vertical-align: -0.15em; |
| 922 | margin-right: 0.5rem; | 907 | margin-right: 0.5rem; |
| 908 | width: 1.5rem; | ||
| 923 | } | 909 | } |
| 924 | 910 | ||
| 925 | .flag_stack svg { | 911 | .flag_stack svg { |
| 926 | width: 1rem; | 912 | width: 1.25rem; |
| 927 | height: 1rem; | 913 | height: 1.25rem; |
| 928 | color: var(--text-muted); | 914 | color: var(--text-muted); |
| 929 | } | 915 | } |
| 930 | 916 | ||
| 931 | .flag_stack .flag_attention svg { color: var(--accent); } | 917 | .flag_stack .flag_attention svg { color: var(--accent); } |
| 932 | .flag_stack .flag_alert svg { color: var(--danger); } | 918 | .flag_stack .flag_alert svg { color: var(--danger); } |
| 933 | 919 | ||
| 920 | .title_with_flags { | ||
| 921 | display: flex; | ||
| 922 | align-items: flex-start; | ||
| 923 | } | ||
| 924 | |||
| 925 | .title_body { | ||
| 926 | min-width: 0; | ||
| 927 | } | ||
| 928 | |||
| 929 | .node_table .node_title { | ||
| 930 | font-weight: bold; | ||
| 931 | } | ||
| 932 | |||
| 933 | .node_table .node_path { | ||
| 934 | margin-top: 0.15rem; | ||
| 935 | } | ||
| 936 | |||
| 934 | .user_group_heading { | 937 | .user_group_heading { |
| 935 | margin-top: 1.5rem; | 938 | margin-top: 1.5rem; |
| 936 | } | 939 | } |
