From 2acd47d3b0d77edf6f245027e49fd14c5e1b938c Mon Sep 17 00:00:00 2001 From: Dan Scott Date: Thu, 19 Sep 2013 10:02:45 -0400 Subject: [PATCH 1/1] More responsive advanced search By default, rather than having blocks of search filters with an explicit width of 800px or 850px, just have one line of filters that wraps according to the width of the page (truly responsive). Also move all inline styles into style.css so we can more easily manipulate them based on media queries. And notice silly styles that can be easily swapped out with clean styles. Signed-off-by: Dan Scott Signed-off-by: Lebbeous Fogle-Weekley Signed-off-by: Dan Wells --- Open-ILS/src/templates/opac/css/style.css.tt2 | 22 ++++++++++++++----- .../templates/opac/parts/advanced/search.tt2 | 19 ++++++++-------- Open-ILS/src/templates/opac/parts/config.tt2 | 2 +- 3 files changed, 26 insertions(+), 17 deletions(-) diff --git a/Open-ILS/src/templates/opac/css/style.css.tt2 b/Open-ILS/src/templates/opac/css/style.css.tt2 index 3d08ab2498..bb4a2f2dca 100644 --- a/Open-ILS/src/templates/opac/css/style.css.tt2 +++ b/Open-ILS/src/templates/opac/css/style.css.tt2 @@ -289,9 +289,10 @@ span.dash_divider { #adv_search_filters { position: relative; - width: 850px; } - +#adv_search_rows { + border-bottom: none; +} #adv_filter_block { padding: 15px; float: left; @@ -304,6 +305,7 @@ span.dash_divider { #adv_special_block { float: left; padding: 5px; + margin-top: 5px; } #adv_search_submit { @@ -904,7 +906,6 @@ table.acct_notes th { .search_catalog_lbl { font-size: [% css_fonts.size_bigger %]; } - .adv_search_catalog_lbl { font-size: [% css_fonts.size_bigger %]; } @@ -956,11 +957,17 @@ table.acct_notes th { padding: 10px; border: 1px solid [% css_colors.accent_medium_dark %]; text-align: center; } - +#adv_search_input { width: 100%; } #adv_search_parent { margin-bottom:0px; } - +#search-submit-spinner { + height: 16px; + width: 16px; +} +div.adv_search_available { + margin-top: 1em; +} #myopac_loading { width:100%; text-align:center; @@ -1111,8 +1118,11 @@ div.facet_sidebar { } .advanced_div { padding-top: 15px; } +#adv_global_search { width: 100%; } #adv_global_search select { width: 13em; } -#adv_global_row { nowrap: 'nowrap'; } +#adv_global_row { white-space: nowrap; } +#adv_global_addrow td { padding-top: 7px; } +#adv_global_input_table { width: 100%; } #adv_global_input_table select { width: 7em; } .adv_adv_link { font-size: [% css_fonts.size_smaller %]; diff --git a/Open-ILS/src/templates/opac/parts/advanced/search.tt2 b/Open-ILS/src/templates/opac/parts/advanced/search.tt2 index ff8893807a..1228a39e89 100644 --- a/Open-ILS/src/templates/opac/parts/advanced/search.tt2 +++ b/Open-ILS/src/templates/opac/parts/advanced/search.tt2 @@ -3,15 +3,15 @@ PROCESS get_library; %]
-