adds styles to wrapper and new partial to filter subnav vertical

This commit is contained in:
Alberto Garcia Cabeza
2016-12-22 18:31:26 +01:00
parent a6fbe063c9
commit 8cbd39df69
4 changed files with 47 additions and 3 deletions

View File

@@ -79,6 +79,7 @@ $budget: #454372;
$budget-hover: #7571BF; $budget-hover: #7571BF;
$highlight: #E7F2FC; $highlight: #E7F2FC;
$light: #F5F7FA;
$featured: #FED900; $featured: #FED900;
$footer-border: #BFC1C3; $footer-border: #BFC1C3;

View File

@@ -138,6 +138,10 @@ a {
padding-top: $line-height; padding-top: $line-height;
} }
.light {
background: $light;
}
.highlight { .highlight {
background: $highlight; background: $highlight;
} }
@@ -198,6 +202,30 @@ a {
} }
} }
.menu.vertical {
background: white;
margin: $line-height 0;
padding: $line-height;
li {
margin-bottom: $line-height;
a {
color: $text-medium;
padding: 0;
}
h2 {
font-size: $base-font-size;
}
&.active {
border-bottom: 2px solid $brand;
color: $brand;
}
}
}
.small { .small {
font-size: $small-font-size; font-size: $small-font-size;
} }
@@ -430,6 +458,7 @@ header {
.input-group-button { .input-group-button {
line-height: $line-height*1.5; line-height: $line-height*1.5;
padding-bottom: 0;
button { button {
background: $border; background: $border;
@@ -451,7 +480,6 @@ header {
} }
.submenu { .submenu {
background: white;
border-bottom: 1px solid $border; border-bottom: 1px solid $border;
clear: both; clear: both;
margin-bottom: $line-height/2; margin-bottom: $line-height/2;
@@ -544,7 +572,8 @@ footer {
// 04. Tags // 04. Tags
// -------- // --------
.tags a , .tag-cloud a, .categories a, .geozone a, .sidebar-links a { .tags a , .tag-cloud a, .categories a, .geozone a, .sidebar-links a,
.tags span {
background: #ececec; background: #ececec;
border-radius: rem-calc(6); border-radius: rem-calc(6);
color: $text; color: $text;

View File

@@ -22,7 +22,7 @@
<%= setting['per_page_code'].try(:html_safe) %> <%= setting['per_page_code'].try(:html_safe) %>
</head> </head>
<body> <body>
<div class="wrapper"> <div class="wrapper <%= yield (:wrapper_class) %>">
<%= render 'layouts/header' %> <%= render 'layouts/header' %>
<!--[if lt IE 9]> <!--[if lt IE 9]>

View File

@@ -0,0 +1,14 @@
<ul class="menu vertical clear">
<li class="sr-only"><%= t("#{i18n_namespace}.filter") %>: </li>
<% @valid_filters.each do |filter| %>
<% if @current_filter == filter %>
<li class="active">
<h2><%= t("#{i18n_namespace}.filters.#{filter}") %></h2>
</li>
<% else %>
<li><%= link_to t("#{i18n_namespace}.filters.#{filter}"),
current_path_with_query_params(filter: filter, page: 1) %></li>
<% end %>
<% end %>
</ul>