uses current css classes
This commit is contained in:
@@ -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;
|
||||
|
||||
|
||||
@@ -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;
|
||||
|
||||
|
||||
@@ -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>
|
||||
|
||||
<% end %>
|
||||
|
||||
|
||||
@@ -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 %>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
|
||||
@@ -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>
|
||||
|
||||
|
||||
@@ -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>
|
||||
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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 %>
|
||||
|
||||
@@ -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> <%= t('.see_latest_comments') %>
|
||||
<% end %>
|
||||
</div>
|
||||
|
||||
@@ -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>
|
||||
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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> Ver últimas aportaciones
|
||||
</a>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user