Merge pull request #406 from AyuntamientoMadrid/improves_styles

Improves styles
This commit is contained in:
Raimond Garcia
2015-09-07 16:57:20 +02:00
13 changed files with 101 additions and 72 deletions

View File

@@ -240,6 +240,14 @@
a { a {
color: $text; color: $text;
} }
ul, ol {
li {
font-size: rem-calc(13);
margin-bottom: rem-calc(12);
}
}
} }
.truncate { .truncate {
@@ -433,6 +441,14 @@
} }
} }
ul, ol {
li {
font-size: rem-calc(13);
margin-bottom: rem-calc(12);
}
}
.author-photo { .author-photo {
line-height: $line-height*2; line-height: $line-height*2;
margin-right: rem-calc(6); margin-right: rem-calc(6);

View File

@@ -280,7 +280,7 @@ header {
min-height: rem-calc(48); min-height: rem-calc(48);
@media (min-width: $small-breakpoint) { @media (min-width: $small-breakpoint) {
min-height: rem-calc(189); min-height: 189px;
} }
} }
@@ -901,12 +901,6 @@ form {
} }
} }
.alert-layout {
position: absolute;
top: 0;
width: 100%;
}
span.error, small.error { span.error, small.error {
background: $alert-bg; background: $alert-bg;
color: $alert-color; color: $alert-color;
@@ -923,6 +917,11 @@ label.error, label.error a {
color: $alert-color; color: $alert-color;
} }
.alert-messages {
background-color: white;
padding-top: rem-calc(24);
}
// 10. User account // 10. User account
// - - - - - - - - - - - - - - - - - - - - - - - - - // - - - - - - - - - - - - - - - - - - - - - - - - -
@@ -1351,7 +1350,7 @@ table {
// - - - - - - - - - - - - - - - - - - - - - - - - - // - - - - - - - - - - - - - - - - - - - - - - - - -
.verification { .verification {
min-height: 60%; min-height: rem-calc(600);
@media (min-width: $small-breakpoint) { @media (min-width: $small-breakpoint) {
.left + .left { .left + .left {

View File

@@ -2,7 +2,7 @@
<div class="small-12 column"> <div class="small-12 column">
<%= link_to t("account.show.change_credentials_link"), edit_user_registration_path, class: "button radius small secondary right" %> <%= link_to t("account.show.change_credentials_link"), edit_user_registration_path, class: "button radius small secondary right" %>
<div class="verification"> <div>
<span class="right verify-account"> <span class="right verify-account">
<% if current_user.level_three_verified? %> <% if current_user.level_three_verified? %>
<p class="verified"> <p class="verified">

View File

@@ -20,16 +20,18 @@
<a class="js-add-tag-link"><%= tag.name %></a> <a class="js-add-tag-link"><%= tag.name %></a>
<% end %> <% end %>
</span> </span>
<%= f.text_field :tag_list, value: @debate.tag_list.to_s, label: false %> <%= f.text_field :tag_list, value: @debate.tag_list.to_s, label: false, placeholder: t("debates.form.tags_placeholder") %>
</div> </div>
<div class="small-12 column"> <div class="small-12 column">
<% if @debate.new_record? %> <% if @debate.new_record? %>
<%= f.label :terms_of_service do %> <%= f.label :terms_of_service do %>
<%= f.check_box :terms_of_service, label: false %> <%= f.check_box :terms_of_service, label: false %>
<span class="checkbox">
<%= t("form.accept_terms", <%= t("form.accept_terms",
policy: link_to(t("form.policy"), "/privacy", target: "blank"), conditions: link_to(t("form.conditions"), "/conditions", target: "blank")).html_safe policy: link_to(t("form.policy"), "/privacy", target: "blank"),
%> conditions: link_to(t("form.conditions"), "/conditions", target: "blank")).html_safe %>
</span>
<% end %> <% end %>
<% end %> <% end %>
</div> </div>

View File

@@ -13,6 +13,11 @@
<% end %> <% end %>
<h1><%= @debate.title %></h1> <h1><%= @debate.title %></h1>
<!-- SI HAY 1 DENUNCIA POR CADA 5 VOTOS POSITIVOS MUESTRA ESTE MENSAJE -->
<div class="alert-box alert radius margin-top">
<strong><%= t("debates.show.flag") %></strong>
</div>
<!-- /. SI HAY 1 DENUNCIA POR CADA 5 VOTOS POSITIVOS MUESTRA ESTE MENSAJE -->
<div class="debate-info"> <div class="debate-info">
<%= avatar_image(@debate.author, seed: @debate.author_id, size: 32, class: 'author-photo') %> <%= avatar_image(@debate.author, seed: @debate.author_id, size: 32, class: 'author-photo') %>

View File

@@ -21,17 +21,23 @@
<div class="footer-sections small-12 medium-8 column"> <div class="footer-sections small-12 medium-8 column">
<div class="small-12 medium-4 column"> <div class="small-12 medium-4 column">
<h4><%= t("layouts.footer.participation_title") %></h4> <h4>
<%= link_to t("layouts.footer.participation_title"), root_path %>
</h4>
<p><%= t("layouts.footer.participation_text") %></p> <p><%= t("layouts.footer.participation_text") %></p>
</div> </div>
<div class="small-12 medium-4 column"> <div class="small-12 medium-4 column">
<h4><%= t("layouts.footer.transparency_title") %></h4> <h4>
<%= link_to t("layouts.footer.transparency_title"), "/transparency" %>
</h4>
<p><%= t("layouts.footer.transparency_text") %></p> <p><%= t("layouts.footer.transparency_text") %></p>
</div> </div>
<div class="small-12 medium-4 column"> <div class="small-12 medium-4 column">
<h4><%= t("layouts.footer.open_data_title") %></h4> <h4>
<%= link_to t("layouts.footer.open_data_title"), "/opendata" %>
</h4>
<p><%= t("layouts.footer.open_data_text") %></p> <p><%= t("layouts.footer.open_data_text") %></p>
</div> </div>
</div> </div>

View File

@@ -16,21 +16,25 @@
<%= render 'layouts/header' %> <%= render 'layouts/header' %>
<% if notice %> <% if notice %>
<div data-alert class="alert-box success alert-layout"> <div class="alert-messages">
<a href="#" class="close">&times;</a>
<div class="row"> <div class="row">
<div data-alert class="alert-box success radius">
<a href="#" class="close">&times;</a>
<%= notice %> <%= notice %>
</div> </div>
</div> </div>
</div>
<% end %> <% end %>
<% if alert %> <% if alert %>
<div data-alert class="alert-box alert alert-layout"> <div class="alert-messages">
<a href="#" class="close">&times;</a>
<div class="row"> <div class="row">
<div data-alert class="alert-box alert radius">
<a href="#" class="close">&times;</a>
<%= alert %> <%= alert %>
</div> </div>
</div> </div>
</div>
<% end %> <% end %>
<%= yield %> <%= yield %>

View File

@@ -1,11 +1,8 @@
<div class="row"> <i class="icon-angle-left left"></i>&nbsp;<%= link_to t("devise_views.users.registrations.edit.back_link"), :back, class: "left back" %>
<div class="account small-12 medium-9 column small-centered">
<i class="icon-angle-left left"></i>&nbsp;<%= link_to t("devise_views.users.registrations.edit.back_link"), :back, class: "left back" %> <h1><%= t("devise_views.users.registrations.edit.edit") %></h1>
<h1><%= t("devise_views.users.registrations.edit.edit") %></h1> <%= form_for(resource, as: resource_name, url: registration_path(resource_name), html: { method: :put }) do |f| %>
<%= form_for(resource, as: resource_name, url: registration_path(resource_name), html: { method: :put }) do |f| %>
<%= devise_error_messages! %> <%= devise_error_messages! %>
<div class="row"> <div class="row">
<div class="small-12 column"> <div class="small-12 column">
@@ -40,6 +37,4 @@
<%= f.submit t("devise_views.users.registrations.edit.update_submit"), class: "button radius" %> <%= f.submit t("devise_views.users.registrations.edit.update_submit"), class: "button radius" %>
</div> </div>
</div> </div>
<% end %> <% end %>
</div>
</div>

View File

@@ -54,10 +54,12 @@
<div class="small-12"> <div class="small-12">
<%= f.label :terms_of_service do %> <%= f.label :terms_of_service do %>
<%= f.check_box :terms_of_service, label: false %> <%= f.check_box :terms_of_service, label: false %>
<span class="checkbox">
<%= t("verification.residence.new.accept_terms_text", <%= t("verification.residence.new.accept_terms_text",
terms_url: link_to(t("verification.residence.new.terms"), "/census_terms", terms_url: link_to(t("verification.residence.new.terms"), "/census_terms",
target: "_blank")).html_safe target: "_blank")).html_safe
%> %>
</span>
<% end %> <% end %>
</div> </div>

View File

@@ -14,7 +14,7 @@ en:
debate_topics: Debate topics debate_topics: Debate topics
hidden_debates: Hidden debates hidden_debates: Hidden debates
hidden_comments: Hidden comments hidden_comments: Hidden comments
hidden_users: Hidden users hidden_users: Blocked users
organizations: Organizations organizations: Organizations
officials: Officials officials: Officials
moderators: Moderators moderators: Moderators

View File

@@ -14,7 +14,7 @@ es:
debate_topics: Temas de debate debate_topics: Temas de debate
hidden_debates: Debates ocultos hidden_debates: Debates ocultos
hidden_comments: Comentarios ocultos hidden_comments: Comentarios ocultos
hidden_users: Usuarios ocultos hidden_users: Usuarios bloqueados
organizations: Organizaciones organizations: Organizaciones
officials: Cargos públicos officials: Cargos públicos
moderators: Moderadores moderators: Moderadores

View File

@@ -34,7 +34,7 @@ en:
footer: footer:
description: description:
"The city you want, it will be the city you want. %{more_info} here on this page. "The city you want, it will be the city you want. %{more_info} here on this page.
This Open Government Portal is %{open_source}, and code is in %{github}. This Open Government Portal use Consul v.0.9 application, is %{open_source}, and code is in %{github}.
Madrid, for the whole world." Madrid, for the whole world."
more_info: Get more information more_info: Get more information
more_info_url: "/more_information" more_info_url: "/more_information"
@@ -111,9 +111,8 @@ en:
debate_text: Initial text for debate debate_text: Initial text for debate
tags_label: Topics tags_label: Topics
tags_instructions: > tags_instructions: >
Tag this debate. You can choose among our proposals on the list or add any other topic you want by Tag this debate. You can choose among our proposals on the list or add any other topic you want.
writing them separated by ",". tags_placeholder: "Add topics writing them separated by ','"
Some suggestions:
show: show:
back_link: Back back_link: Back
author_deleted: Deleted user author_deleted: Deleted user
@@ -125,6 +124,7 @@ en:
login_to_comment: "You need to %{signin} or %{signup} to comment." login_to_comment: "You need to %{signin} or %{signup} to comment."
edit_debate_link: Edit edit_debate_link: Edit
share: Share share: Share
flag: "This debate has been flag as innapropiate for some users."
edit: edit:
editing: Edit debate editing: Edit debate
show_link: Show debate show_link: Show debate

View File

@@ -34,7 +34,7 @@ es:
footer: footer:
description: description:
"La ciudad que quieres, será la ciudad que quieras. %{more_info} sobre esta página. "La ciudad que quieres, será la ciudad que quieras. %{more_info} sobre esta página.
Este Portal de Gobierno Abierto es %{open_source}, y su código se encuentra en %{github}. Este Portal de Gobierno Abierto usa la aplicación Consul v.0.9 que es %{open_source}, y su código se encuentra en %{github}.
De Madrid, para el mundo entero." De Madrid, para el mundo entero."
more_info: Obtén más información more_info: Obtén más información
more_info_url: "/more_information" more_info_url: "/more_information"
@@ -112,8 +112,7 @@ es:
tags_label: Temas tags_label: Temas
tags_instructions: > tags_instructions: >
Etiqueta este debate. Puedes elegir entre nuestras propuestas o introducir las que desees. Etiqueta este debate. Puedes elegir entre nuestras propuestas o introducir las que desees.
Para ello solo tienes que escribir las etiquetas que desees separadas por ",". tags_placeholder: "Escribe las etiquetas que desees separadas por ','"
Algunas recomendaciones:
show: show:
back_link: Volver back_link: Volver
author_deleted: Usuario eliminado author_deleted: Usuario eliminado
@@ -125,6 +124,7 @@ es:
login_to_comment: "Necesitas %{signin} o %{signup} para comentar." login_to_comment: "Necesitas %{signin} o %{signup} para comentar."
edit_debate_link: Editar edit_debate_link: Editar
share: Compartir share: Compartir
flag: "Este debate ha sido marcado como inapropiado por varios usuarios."
edit: edit:
editing: Editar debate editing: Editar debate
show_link: Ver debate show_link: Ver debate