From 18a1145bc0fbc1600f7529e73ce8cbd72d5725f0 Mon Sep 17 00:00:00 2001 From: Dan Scott Date: Thu, 19 Sep 2013 10:02:45 -0400 Subject: [PATCH] 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 --- Open-ILS/src/templates/opac/css/style.css.tt2 | 22 ++++++++++++++++------ .../src/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 833a2d9bf0..7c08f5f2e1 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 7297756f25..629b00e99c 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; %]
-