diff options
Diffstat (limited to 'app')
5 files changed, 93 insertions, 41 deletions
diff --git a/app/assets/stylesheets/responsive/_public_body_layout.scss b/app/assets/stylesheets/responsive/_public_body_layout.scss index 7a9637bc9..2afd67ffb 100644 --- a/app/assets/stylesheets/responsive/_public_body_layout.scss +++ b/app/assets/stylesheets/responsive/_public_body_layout.scss @@ -64,10 +64,4 @@ } -.list-filter-item { - .title { - display: inline; - font-size: 1em; - font-weight: normal; - } -} + diff --git a/app/assets/stylesheets/responsive/_public_body_style.scss b/app/assets/stylesheets/responsive/_public_body_style.scss index 748f6218b..79ee4764a 100644 --- a/app/assets/stylesheets/responsive/_public_body_style.scss +++ b/app/assets/stylesheets/responsive/_public_body_style.scss @@ -35,42 +35,9 @@ } -.list-filter-item { - ul { - list-style: none outside none; - margin: 0; - padding: 0; - } - li { - display: inline-block; - &:after { - content:' | '; - display: inline-block; - color: #ccc; //Unsupported browsers will ignore the rgba declaration below - color: rgba(0,0,0,0.1); - } - &:last-child { - &:after { - content: ''; - } - } - - } -} - .authority__body__sidebar__links { a { display: inline-block; margin-bottom: 0.5em; } } - -#list-filter { - margin-bottom: 3em; -} - -#filter_requests_form label.title { - display: block; - width: auto; - margin-bottom: 0.3em; -} diff --git a/app/assets/stylesheets/responsive/_search_layout.scss b/app/assets/stylesheets/responsive/_search_layout.scss index 48dd0c6a7..93a94f951 100644 --- a/app/assets/stylesheets/responsive/_search_layout.scss +++ b/app/assets/stylesheets/responsive/_search_layout.scss @@ -57,3 +57,11 @@ #advanced-search-tips{ @include grid-column(12); } + +.list-filter-item { + .title { + display: inline; + font-size: 1em; + font-weight: normal; + } +} diff --git a/app/assets/stylesheets/responsive/_search_style.scss b/app/assets/stylesheets/responsive/_search_style.scss index dfd40fc67..94ec1cf88 100644 --- a/app/assets/stylesheets/responsive/_search_style.scss +++ b/app/assets/stylesheets/responsive/_search_style.scss @@ -51,4 +51,87 @@ input.use-datepicker[type=text] { } } +.list-filter-item { + ul { + list-style: none outside none; + margin: 0; + padding: 0; + } + li { + display: inline-block; + } +} + + +#list-filter { + margin-bottom: 3em; +} +#filter_requests_form label.title { + display: block; + width: auto; + margin-bottom: 0.3em; +} + +.filter-request-types { + display: block; + margin-bottom: 1em; + @include respond-min( 20em ){ + display: inline-block; + } + ul { + border: 1px solid #ccc; + border-radius: 3px; + width: 100%; + font-size: 0; + border-bottom: 0; + @include respond-min( 20em ){ + border-right: 0; + } + @include respond-min( 44em ){ + border-bottom: 1px solid #ccc; + } + } + li { + width: 100%; + @include respond-min( 20em ){ + width: 50%; + } + @include respond-min( 44em ){ + width: auto; + } + } + a, span { + width: 100%; + text-align: center; + display: block; + font-size: 14px; + padding: 0.5em 0.75em; + border-bottom: 1px solid #ccc; + text-decoration: none; + @include respond-min( 20em ){ + display: inline-block; + border-right: 1px solid #ccc; + border-bottom: 0; + &:nth-child(1), + &:nth-child(2) { + border-bottom: 1px solid #ccc; + } + } + + @include respond-min( 44em ){ + &:nth-child(n) { + border-bottom: 0; + } + } + } + span { + font-weight: bold; + background-color: #f4f4f4; + //older browsers will just see a flat background, new browsers will see an indent + -webkit-box-shadow: inset 0 2px 5px 1px rgba(0, 0, 0, 0.1); + -moz-box-shadow: inset 0 2px 5px 1px rgba(0, 0, 0, 0.1); + -o-box-shadow: inset 0 2px 5px 1px rgba(0, 0, 0, 0.1); + box-shadow: inset 0 2px 5px 1px rgba(0, 0, 0, 0.1); + } +} diff --git a/app/views/request/_request_filter_form.html.erb b/app/views/request/_request_filter_form.html.erb index 19961ddfc..549ddb32c 100644 --- a/app/views/request/_request_filter_form.html.erb +++ b/app/views/request/_request_filter_form.html.erb @@ -14,7 +14,7 @@ <%= link_to label, url_for(:controller => "request", :action => "list", :view => status) + "?" + request.query_string + '#results' %> <% end %> <% else %> - <%= label %> + <span><%= label %></span> <% end %> </li> <% end %> |