uses current css classes

This commit is contained in:
decabeza
2017-05-23 12:22:57 +02:00
parent bb98da68ae
commit 260df52a34
18 changed files with 142 additions and 168 deletions

View File

@@ -68,30 +68,6 @@
padding: 2rem 0 0 0;
}
.button-legislation {
background: white;
border: 1px solid #2C9BE5;
color: #2C9BE5;
display: inline-block;
font-weight: 700;
margin-top: rem-calc(12);
.icon-comments {
margin-right: 0.5rem;
color: $text-medium;
transition: color 0.25s ease-out, color 0.25s ease-out;
}
&:hover, &:active {
border: 1px solid lighten(#2C9BE5, 25%);
cursor: pointer;
}
&:hover .icon-comments, &:active .icon-comments {
color: white;
}
}
.legislation-text {
margin-bottom: 1rem;

View File

@@ -19,18 +19,6 @@
background: #E6E6E6;
}
.center {
text-align: center;
}
.right {
text-align: right;
}
.strong {
font-weight: 700;
}
$epigraph-font-size: rem-calc(15);
$epigraph-line-height: rem-calc(22);
@@ -102,7 +90,7 @@ $epigraph-line-height: rem-calc(22);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.center .button {
.text-center .button {
background: $brand;
margin-bottom: 0;
}
@@ -174,6 +162,7 @@ $epigraph-line-height: rem-calc(22);
.legislation-process-list {
border-bottom: 1px solid $medium-gray;
margin: 0 1rem 1rem 1rem;
padding-top: 4rem;
@include breakpoint(medium) {
margin-left: 0;
@@ -185,7 +174,6 @@ $epigraph-line-height: rem-calc(22);
margin-left: auto;
margin-right: auto;
list-style: none;
padding-top: 4rem;
padding-left: 0;
margin-bottom: 0;

View File

@@ -40,13 +40,13 @@
<div class="comment-footer">
<% if annotation.comments.roots.count > Legislation::Annotation::COMMENTS_PAGE_SIZE %>
<%= link_to legislation_process_draft_version_annotation_path(annotation.draft_version.process, annotation.draft_version, annotation), class: "button strong" do %>
<%= t('legislation.annotations.comments.see_all') %>
<%= link_to legislation_process_draft_version_annotation_path(annotation.draft_version.process, annotation.draft_version, annotation), class: "button" do %>
<strong><%= t('legislation.annotations.comments.see_all') %></strong>
<% end %>
<% end %>
<% if @process.open_phase?(:allegations) %>
<a class="button strong publish-comment" href="#"><%= t('legislation.annotations.comments.publish_comment') %></a>
<a class="button publish-comment" href="#"><strong><%= t('legislation.annotations.comments.publish_comment') %></strong></a>
&nbsp;
<% end %>

View File

@@ -16,7 +16,9 @@
<div class="comment-actions">
<a class="cancel-comment" href="#" data-cancel-annotation><%= t('legislation.annotations.comments.cancel') %></a>
<%= f.submit t('legislation.annotations.comments.publish_comment'), class: 'button strong publish-comment' %>
<%= f.submit class: 'button publish-comment' do %>
<strong><%= t('legislation.annotations.comments.publish_comment') %></strong>
<% end %>
</div>
<%= f.hidden_field :quote %>

View File

@@ -11,7 +11,9 @@
<span><%= t('legislation.draft_versions.show.updated_at', date: format_date(@draft_version.updated_at)) %></span>
</div>
<div class="small-12 medium-3 column">
<%= link_to t('legislation.annotations.version_chooser.see_text'), legislation_process_draft_version_path(process, draft_version), title: t('legislation.annotations.version_chooser.see_text'), class: "button strong" %>
<%= link_to legislation_process_draft_version_path(process, draft_version), title: t('legislation.annotations.version_chooser.see_text'), class: "button" do %>
<strong><%= t('legislation.annotations.version_chooser.see_text') %></strong>
<% end %>
</div>
<aside class="small-12 medium-3 column">
<div class="sidebar-divider"></div>

View File

@@ -11,6 +11,8 @@
<span><%= t('legislation.draft_versions.show.updated_at', date: format_date(@draft_version.updated_at)) %></span>
</div>
<div class="small-12 medium-3 column">
<%= link_to t('.see_text'), legislation_process_draft_version_path(process, draft_version), title: t('.see_text'), class: "button strong" %>
<%= link_to legislation_process_draft_version_path(process, draft_version), title: t('.see_text'), class: "button" do %>
<%= t('.see_text') %>
<% end %>
</div>
</div>

View File

@@ -5,7 +5,7 @@
</div>
</div>
<div class="draft-comments-rotated center">
<div class="draft-comments-rotated text-center">
<span class="panel-title"><%= t('legislation.draft_versions.show.text_comments') %></span>
</div>

View File

@@ -19,7 +19,9 @@
<span><%= t('legislation.draft_versions.show.updated_at', date: format_date(@draft_version.updated_at)) %></span>
</div>
<div class="small-12 medium-3 column">
<%= link_to t('.see_text'), legislation_process_draft_version_path(@process, @draft_version), title: t('.see_text'), class: "button strong" %>
<%= link_to legislation_process_draft_version_path(@process, @draft_version), title: t('.see_text'), class: "button" do %>
<strong><%= t('.see_text') %></strong>
<% end %>
</div>
</div>

View File

@@ -23,7 +23,9 @@
<% unless @draft_version.final_version? %>
<div class="small-12 medium-3 column">
<%= link_to t('.see_comments'), legislation_process_draft_version_annotations_path(@process, @draft_version), title: t('.see_comments'), class: "button strong" %>
<%= link_to legislation_process_draft_version_annotations_path(@process, @draft_version), title: t('.see_comments'), class: "button" do %>
<strong><%= t('.see_comments') %></strong>
<% end %>
</div>
<% end %>
@@ -37,7 +39,7 @@
</div>
</div>
<div class="draft-index-rotated center">
<div class="draft-index-rotated text-center">
<span class="panel-title"><%= t('.text_toc') %></span>
</div>

View File

@@ -37,8 +37,8 @@
</div>
<% if process.description.present? || process.target.present? || process.how_to_participate.present? || process.additional_info.present? %>
<div class="center half-gradient">
<a class="button big center button-circle" title="<%= t('.view_process_information') %>" id="js-toggle-small-debate">
<div class="text-center half-gradient">
<a class="button big text-center button-circle" title="<%= t('.view_process_information') %>" id="js-toggle-small-debate">
<span class="icon-angle-down" aria-hidden="true"></span>
</a>
</div>

View File

@@ -39,9 +39,9 @@
</div>
<% if process.additional_info.present? %>
<div class="center half-gradient">
<a id="js-toggle-debate" class="button big center strong" title="Más información y contexto">
<%= t('.more_info') %>
<div class="text-center half-gradient">
<a id="js-toggle-debate" class="button big text-center" title="Más información y contexto">
<strong><%= t('.more_info') %></strong>
</a>
</div>
<% end %>

View File

@@ -7,7 +7,7 @@
</div>
<div class="small-12 medium-4 column">
<%= link_to process, class: "button button-legislation big expanded", title: t('.see_latest_comments_title') do %>
<%= link_to process, class: "button hollow big expanded", title: t('.see_latest_comments_title') do %>
<span class="icon-comments"></span>&nbsp; <%= t('.see_latest_comments') %>
<% end %>
</div>

View File

@@ -41,8 +41,8 @@
</div>
</div>
<div class="center half-gradient">
<a id="js-toggle-debate" class="button big center button-circle" title="Suscríbete al proceso">
<div class="text-center half-gradient">
<a id="js-toggle-debate" class="button big text-center button-circle" title="Suscríbete al proceso">
<span class="icon-angle-down" aria-hidden="true"></span>
</a>
</div>
@@ -78,7 +78,7 @@
</div>
</div>
<div class="draft-index-rotated center">
<div class="draft-index-rotated text-center">
<span class="panel-title">Índice</span>
</div>
@@ -215,7 +215,7 @@
</div>
</div>
<div class="draft-comments-rotated center">
<div class="draft-comments-rotated text-center">
<span class="panel-title">Comentarios</span>
</div>

View File

@@ -42,7 +42,7 @@
</div>
</div>
<div class="center half-gradient">
<div class="text-center half-gradient">
<a id="js-toggle-debate" class="button big center strong" title="Suscríbete al proceso">
Más información y contexto
</a>

View File

@@ -13,7 +13,7 @@
</div>
</div>
<div class="center half-gradient">
<div class="text-center half-gradient">
<a class="button big center button-circle" title="Suscríbete al proceso" data-remote="true" rel="nofollow" data-method="post" href="/proposals/6-soluta-sed-sapiente-dolores/vote?value=yes">
<span class="icon-angle-down" aria-hidden="true"></span>
</a>

View File

@@ -13,7 +13,7 @@
</div>
</div>
<div class="center half-gradient">
<div class="text-center half-gradient">
<a class="button big center button-circle" title="Suscríbete al proceso" data-remote="true" rel="nofollow" data-method="post" href="/proposals/6-soluta-sed-sapiente-dolores/vote?value=yes">
<span class="icon-angle-down" aria-hidden="true"></span>
</a>

View File

@@ -13,7 +13,7 @@
</div>
</div>
<div class="center half-gradient">
<div class="text-center half-gradient">
<a class="button big center button-circle" title="Suscríbete al proceso" data-remote="true" rel="nofollow" data-method="post" href="/proposals/6-soluta-sed-sapiente-dolores/vote?value=yes">
<span class="icon-angle-down" aria-hidden="true"></span>
</a>

View File

@@ -30,7 +30,7 @@
</div>
<div id="proposal_6_votes" class="small-12 medium-4 column">
<a class="button button-legislation big expanded" title="Apoyar esta propuesta" href="legislation_debate.html">
<a class="button hollow big expanded" title="Apoyar esta propuesta" href="legislation_debate.html">
<span class="icon-comments"></span>&nbsp; Ver últimas aportaciones
</a>
</div>