diff options
| author | erdgeist <erdgeist@erdgeist.org> | 2026-07-13 00:41:36 +0200 |
|---|---|---|
| committer | erdgeist <erdgeist@erdgeist.org> | 2026-07-13 00:41:36 +0200 |
| commit | 4faf0da3a36bfdcf354b095a2cf5b297ca09af65 (patch) | |
| tree | 097483a01182ca2a5997caeb5f0424010e971b45 /public/stylesheets | |
| parent | bcfc2b5901caeaabdf3efa745441a339568b671a (diff) | |
UI cleanup pass: search overlay position, remaining table forms
The search overlay was positioned against the whole viewport
(left: 50%, transform: translateX(-50%)) because it sat outside
wider text nav it used to center under. Moved inside #navigation,
which already has its own positioning context, so it now anchors to
the icon nav itself instead of the page center.
admin/search_results.html.erb was a bare, unstyled <ul> concatenating
title and unique_name into one string by hand. Restyled to match the
byline convention already used everywhere else (title_for_node, a
separate link_to_path byline with the trailing arrow), and results
now link to the node's admin show page rather than straight to edit,
matching every other node list in the app instead of being the one
exception.
menu_items#new and sessions#new (the login page) were the last two
views still using the pre-node_content/node_description table-based
label/field layout -- found via a grep for the old td.description
marker, not guessed at. Converting menu_items#new surfaced a real,
separate gap: its input fields have never had a width rule, since the
existing 690px rule only applies to a few specifically-named field
IDs or anything inside #page_editor, neither of which applies here.
Same likely gap probably exists on other simple CRUD forms
(users/events/assets/occurrences/pages) -- not fixed here, flagged for
its own pass rather than guessed at blind.
nodes#new's Create button was pushed to the far right of the page by
one stray class (node_content right) no sibling create form carries --
not a family-wide inconsistency, one extra class in one file.
Diffstat (limited to 'public/stylesheets')
| -rw-r--r-- | public/stylesheets/admin.css | 21 |
1 files changed, 18 insertions, 3 deletions
diff --git a/public/stylesheets/admin.css b/public/stylesheets/admin.css index c1cc456..2044ab0 100644 --- a/public/stylesheets/admin.css +++ b/public/stylesheets/admin.css | |||
| @@ -26,6 +26,7 @@ a:hover { | |||
| 26 | nodes#show, and the dashboard draft list's Show/Revisions links. */ | 26 | nodes#show, and the dashboard draft list's Show/Revisions links. */ |
| 27 | #page_editor a, | 27 | #page_editor a, |
| 28 | .dashboard_widget a, | 28 | .dashboard_widget a, |
| 29 | .search_results_list a, | ||
| 29 | #sitemap a, | 30 | #sitemap a, |
| 30 | #flash a, | 31 | #flash a, |
| 31 | div.pagination a, | 32 | div.pagination a, |
| @@ -941,6 +942,10 @@ div#page_editor { | |||
| 941 | 942 | ||
| 942 | @media(min-width:1016px) { | 943 | @media(min-width:1016px) { |
| 943 | input#tag_list, | 944 | input#tag_list, |
| 945 | input#menu_search_term, | ||
| 946 | input#menu_item_node_id, | ||
| 947 | input#menu_item_path, | ||
| 948 | input#menu_item_title, | ||
| 944 | input#node_staged_slug, | 949 | input#node_staged_slug, |
| 945 | input#move_to_search_term { | 950 | input#move_to_search_term { |
| 946 | width: 690px; | 951 | width: 690px; |
| @@ -1073,15 +1078,25 @@ div#draft_list table td.actions a { | |||
| 1073 | padding-right: 5px; | 1078 | padding-right: 5px; |
| 1074 | } | 1079 | } |
| 1075 | 1080 | ||
| 1081 | .search_results_list { | ||
| 1082 | list-style: none; | ||
| 1083 | margin: 0; | ||
| 1084 | padding: 0; | ||
| 1085 | } | ||
| 1086 | |||
| 1087 | .search_results_list li { | ||
| 1088 | padding: 0.5rem 0; | ||
| 1089 | border-bottom: 1px solid #f1f1f1; | ||
| 1090 | } | ||
| 1091 | |||
| 1076 | /* ============================================================ | 1092 | /* ============================================================ |
| 1077 | Search widgets | 1093 | Search widgets |
| 1078 | ============================================================ */ | 1094 | ============================================================ */ |
| 1079 | 1095 | ||
| 1080 | #search_widget { | 1096 | #search_widget { |
| 1081 | position: absolute; | 1097 | position: absolute; |
| 1082 | top: 20px; | 1098 | top: 2.75rem; |
| 1083 | left: 50%; | 1099 | left: 0; |
| 1084 | transform: translateX(-50%); | ||
| 1085 | width: min(520px, 90vw); | 1100 | width: min(520px, 90vw); |
| 1086 | border: 1px solid #000000; | 1101 | border: 1px solid #000000; |
| 1087 | -webkit-box-shadow: 3px 3px 5px #b1b1b1; | 1102 | -webkit-box-shadow: 3px 3px 5px #b1b1b1; |
