summaryrefslogtreecommitdiff
path: root/public/stylesheets/admin.css
diff options
context:
space:
mode:
authorerdgeist <erdgeist@erdgeist.org>2026-07-13 00:41:36 +0200
committererdgeist <erdgeist@erdgeist.org>2026-07-13 00:41:36 +0200
commit4faf0da3a36bfdcf354b095a2cf5b297ca09af65 (patch)
tree097483a01182ca2a5997caeb5f0424010e971b45 /public/stylesheets/admin.css
parentbcfc2b5901caeaabdf3efa745441a339568b671a (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/admin.css')
-rw-r--r--public/stylesheets/admin.css21
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,
31div.pagination a, 32div.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;