improves styles displaying search results

This commit is contained in:
decabeza
2017-06-05 16:18:32 +02:00
parent 10d09686c3
commit f374478ddf
11 changed files with 98 additions and 79 deletions

View File

@@ -1106,10 +1106,6 @@ img.avatar, img.admin-avatar, img.moderator-avatar, img.initialjs-avatar {
// 09. Search
// ----------
.search-results h2 {
margin-bottom: 0;
}
.advanced-search {
float: left;
margin: $line-height 0;
@@ -1118,7 +1114,7 @@ img.avatar, img.admin-avatar, img.moderator-avatar, img.initialjs-avatar {
@include breakpoint(medium) {
float: right;
margin-bottom: 0;
margin-top: rem-calc(28);
margin-top: $line-height/4;
position: absolute;
right: 0;
z-index: 2;
@@ -1126,7 +1122,6 @@ img.avatar, img.admin-avatar, img.moderator-avatar, img.initialjs-avatar {
}
.advanced-search-form {
margin-top: $line-height;
select {
height: $line-height*2;

View File

@@ -42,8 +42,6 @@ input[type="submit"] { display: none !important; }
.filters h2 { margin: 0 !important; font-size: 20px !important; line-height: 20px !important; width: auto !important; }
.search-results h2 { margin: 0 !important; font-size: 20px !important; line-height: 20px !important; }
.admin h2 { font-size: 20px !important; line-height: 20px !important; }
.select-order {

View File

@@ -18,28 +18,36 @@
<%= render '/budgets/investments/header' %>
<% end %>
<div class="wrap row">
<% if params[:search].present? %>
<div class="highlight no-margin-top padding margin-bottom">
<div class="row">
<div class="small-12 column">
<h2><%= t("shared.search_results") %></h2>
<p>
<%= page_entries_info @investments %>
<%= t("budgets.investments.index.search_results_html", count: @investments.size, search_term: params[:search]) %>
</p>
</div>
</div>
</div>
<% end %>
<div class="row">
<div id="budget-investments" class="budget-investments-list small-12 medium-9 column">
<div class="small-12 search-results margin-bottom">
<% if @current_filter == "unfeasible" %>
<div class="small-12 margin-bottom">
<h2><%= t("budgets.investments.index.unfeasible") %>: <%= @heading.name %></h2>
<div class="callout primary margin">
<%= t("budgets.investments.index.unfeasible_text",
definitions: link_to(t("budgets.investments.index.unfeasible_text_definitions"), "https://decide.madrid.es/participatory_budget_info#20")).html_safe %>
</div>
<% else %>
<%= content_tag(:h2, t("budgets.investments.index.by_heading", heading: @heading.name)) if @heading.present? %>
<% end %>
<% if params[:search].present? %>
<h2>
<%= page_entries_info @investments %>
<%= t("budgets.investments.index.search_results", count: @investments.size, search_term: params[:search]) %>
</h2>
<% end %>
</div>
<% elsif @heading.present? %>
<div class="small-12 margin-bottom">
<h2><%= t("budgets.investments.index.by_heading", heading: @heading.name) %></h2>
</div>
<% end %>
<%= render('shared/order_links', i18n_namespace: "budgets.investments.index") unless @current_filter == "unfeasible" %>

View File

@@ -11,24 +11,32 @@
<main>
<h1 class="sr-only"><%= t("shared.outline.debates") %></h1>
<% if @search_terms || @advanced_search_terms || @tag_filter %>
<div class="highlight no-margin-top padding margin-bottom">
<div class="row">
<div id="debates" class="debates-list small-12 medium-9 column">
<div class="small-12 search-results">
<div class="small-12 column">
<% if @search_terms || @advanced_search_terms %>
<h2>
<h2><%= t("shared.search_results") %></h2>
<p>
<%= page_entries_info @debates %>
<% if !@advanced_search_terms %>
<%= t("debates.index.search_results", count: @debates.size, search_term: @search_terms) %>
<%= t("debates.index.search_results_html", count: @debates.size, search_term: @search_terms) %>
<% end %>
</h2>
</p>
<% elsif @tag_filter %>
<h2>
<h2><%= t("shared.search_results") %></h2>
<p>
<%= page_entries_info @debates %>
<%= t("debates.index.filter_topic", count: @debates.size, topic: @tag_filter) %>
</h2>
</p>
<% end %>
</div>
</div>
</div>
<% end %>
<div class="row">
<div id="debates" class="debates-list small-12 medium-9 column">
<% if has_banners? %>
<%= render "shared/banner" %>

View File

@@ -11,26 +11,34 @@
<main>
<h1 class="sr-only"><%= t("shared.outline.proposals") %></h1>
<% if @search_terms || @advanced_search_terms || @tag_filter || params[:retired].present? %>
<div class="highlight no-margin-top padding margin-bottom">
<div class="row">
<div id="proposals" class="proposals-list small-12 medium-9 column">
<div class="small-12 search-results">
<div class="small-12 column">
<% if @search_terms || @advanced_search_terms %>
<h2>
<h2><%= t("shared.search_results") %></h2>
<p>
<%= page_entries_info @proposals %>
<% if !@advanced_search_terms %>
<%= t("proposals.index.search_results", count: @proposals.size, search_term: @search_terms) %>
<%= t("proposals.index.search_results_html", count: @proposals.size, search_term: @search_terms) %>
<% end %>
</h2>
<p>
<% elsif @tag_filter %>
<h2>
<h2><%= t("shared.search_results") %></h2>
<p>
<%= page_entries_info @proposals %>
<%= t("proposals.index.filter_topic", count: @proposals.size, topic: @tag_filter) %>
</h2>
</p>
<% elsif params[:retired].present? %>
<h2><%= t("proposals.index.retired_proposals") %>
<h2><%= t("proposals.index.retired_proposals") %></h2>
<% end %>
</div>
</div>
</div>
<% end %>
<div class="row">
<div id="proposals" class="proposals-list small-12 medium-9 column">
<% if has_banners? %>
<%= render "shared/banner" %>

View File

@@ -54,9 +54,9 @@ en:
button: Search
placeholder: Search investment projects...
title: Search
search_results:
one: " containing the term '%{search_term}'"
other: " containing the term '%{search_term}'"
search_results_html:
one: " containing the term <strong>'%{search_term}'</strong>"
other: " containing the term <strong>'%{search_term}'</strong>"
sidebar:
my_ballot: My ballot
voted_html:

View File

@@ -54,9 +54,9 @@ es:
button: Buscar
placeholder: Buscar propuestas de inversión...
title: Buscar
search_results:
one: " que contiene '%{search_term}'"
other: " que contienen '%{search_term}'"
search_results_html:
one: " que contiene <strong>'%{search_term}'</strong>"
other: " que contienen <strong>'%{search_term}'</strong>"
sidebar:
my_ballot: Mis votos
voted_html:

View File

@@ -104,9 +104,9 @@ en:
button: Search
placeholder: Search debates...
title: Search
search_results:
one: " containing the term '%{search_term}'"
other: " containing the term '%{search_term}'"
search_results_html:
one: " containing the term <strong>'%{search_term}'</strong>"
other: " containing the term <strong>'%{search_term}'</strong>"
select_order: Order by
start_debate: Start a debate
title: Debates
@@ -330,9 +330,9 @@ en:
button: Search
placeholder: Search proposals...
title: Search
search_results:
one: " containing the term '%{search_term}'"
other: " containing the term '%{search_term}'"
search_results_html:
one: " containing the term <strong>'%{search_term}'</strong>"
other: " containing the term <strong>'%{search_term}'</strong>"
select_order: Order by
select_order_long: 'You are viewing proposals according to:'
start_proposal: Create a proposal
@@ -470,6 +470,7 @@ en:
login_to_comment: 'You must %{signin} or %{signup} to leave a comment.'
"yes": "Yes"
"no": "No"
search_results: "Search results"
advanced_search:
author_type: 'By author category'
author_type_blank: 'Select a category'

View File

@@ -104,9 +104,9 @@ es:
button: Buscar
placeholder: Buscar debates...
title: Buscar
search_results:
one: " que contiene '%{search_term}'"
other: " que contienen '%{search_term}'"
search_results_html:
one: " que contiene <strong>'%{search_term}'</strong>"
other: " que contienen <strong>'%{search_term}'</strong>"
select_order: Ordenar por
start_debate: Empieza un debate
title: Debates
@@ -330,9 +330,9 @@ es:
button: Buscar
placeholder: Buscar propuestas...
title: Buscar
search_results:
one: " que contiene '%{search_term}'"
other: " que contienen '%{search_term}'"
search_results_html:
one: " que contiene <strong>'%{search_term}'</strong>"
other: " que contienen <strong>'%{search_term}'</strong>"
select_order: Ordenar por
select_order_long: Estas viendo las propuestas
start_proposal: Crea una propuesta
@@ -470,6 +470,7 @@ es:
login_to_comment: 'Necesitas %{signin} o %{signup} para comentar.'
"yes": "Sí"
"no": "No"
search_results: "Resultados de búsqueda"
advanced_search:
author_type: 'Por categoría de autor'
author_type_blank: 'Elige una categoría'

View File

@@ -7,11 +7,11 @@ en:
other: Entries
zero: Entries
more_pages:
display_entries: Displaying <b>%{first}&nbsp;-&nbsp;%{last}</b> of <b>%{total}</b> %{entry_name}
display_entries: Displaying <strong>%{first}&nbsp;-&nbsp;%{last}</strong> of <strong>%{total} %{entry_name}</strong>
one_page:
display_entries:
one: There is <b>1</b> %{entry_name}
other: There are <b> %{count}</b> %{entry_name}
one: There is <strong>1 %{entry_name}</strong>
other: There are <strong>%{count} %{entry_name}</strong>
zero: "%{entry_name} cannot be found"
views:
pagination:

View File

@@ -7,11 +7,11 @@ es:
other: entradas
zero: entradas
more_pages:
display_entries: Mostrando <b>%{first}&nbsp;-&nbsp;%{last}</b> de un total de <b>%{total}</b> %{entry_name}
display_entries: Mostrando <strong>%{first}&nbsp;-&nbsp;%{last}</strong> de un total de <strong>%{total} %{entry_name}</strong>
one_page:
display_entries:
one: Hay <b>1</b> %{entry_name}
other: Hay <b> %{count}</b> %{entry_name}
one: Hay <strong>1 %{entry_name}</strong>
other: Hay <strong>%{count} %{entry_name}</strong>
zero: No se han encontrado %{entry_name}
views:
pagination: