consul/grecia
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Improves search form of header

Browse Source
This commit is contained in:
Alberto Garcia Cabeza
2016-01-07 12:05:05 +01:00
parent 6bb4baa809
commit 2948a2ebe4
4 changed files with 23 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
app/assets/stylesheets/layout.scss
View File

@@ -232,14 +232,13 @@ header {
} }
.selected { .selected {
border-bottom: 2px solid white; border-bottom: 1px solid white;
padding-bottom: $line-height/12;
position: relative; position: relative;
} }
.locale { .locale {
float: none; float: none;
font-family: $font-sans; height: $line-height*1.5;
@media (min-width: $small-breakpoint) { @media (min-width: $small-breakpoint) {
float: left; float: left;
@@ -264,7 +263,20 @@ header {
} }
.postfix { .postfix {
background: $border;
border: 1px solid #ccc;
border-left: 0;
color: $text;
height: rem-calc(37); height: rem-calc(37);
&:hover {
background: $brand;
color: white;
}
}
input {
border-right: 0;
} }
input, .button { input, .button {
@@ -456,11 +468,6 @@ header {
@media (min-width: $small-breakpoint) { @media (min-width: $small-breakpoint) {
background: white; background: white;
padding-left: 0;
& > .column {
padding-left: 0;
}
} }
a { a {
@@ -475,7 +482,6 @@ header {
@media (min-width: $small-breakpoint) { @media (min-width: $small-breakpoint) {
color: $text; color: $text;
font-weight: bold; font-weight: bold;
margin-left: $line-height/2;
margin-right: $line-height*1.5; margin-right: $line-height*1.5;
margin-right: 12px\9; margin-right: 12px\9;
width: auto; width: auto;
@@ -1201,34 +1207,14 @@ table {
} }
.social { .social {
margin-top: $line-height;
padding-top: $line-height/4;
text-align: center;
vertical-align: middle;
@media (min-width: $small-breakpoint) {
margin-top: 0;
text-align: right;
}
a { a {
font-size: rem-calc(24); font-size: $h3-font-size;
line-height: $line-height;
margin: 0 $line-height/2; margin: 0 $line-height/2;
text-decoration: none; text-decoration: none;
vertical-align: middle;
&:hover { &:hover {
opacity: .5; color: $brand;
text-decoration: none;
}
@media (min-width: $small-breakpoint) {
font-size: rem-calc(18);
}
&:last-child {
margin-right: 0;
} }
} }
} }

7
app/assets/stylesheets/mixins.scss
View File

@@ -18,8 +18,9 @@
font-weight: lighter; font-weight: lighter;
@media (min-width: $small-breakpoint) { @media (min-width: $small-breakpoint) {
font-size: rem-calc(24); font-size: $h3-font-size;
line-height: rem-calc(48); line-height: $line-height*2;
margin-top: 0;
} }
img { img {
@@ -28,7 +29,7 @@
@media (min-width: $small-breakpoint) { @media (min-width: $small-breakpoint) {
height: 80px; height: 80px;
margin-right: rem-calc(12); margin-right: $line-height/2;
margin-top: 0; margin-top: 0;
width: 80px; width: 80px;
} }

2
config/locales/en.yml
View File

@@ -173,7 +173,7 @@ en:
search_form: search_form:
title: "Search" title: "Search"
button: "Search" button: "Search"
placeholder: "Search citizen proposals..." placeholder: "Search proposals..."
search_results: search_results:
one: " containing the term '%{search_term}'" one: " containing the term '%{search_term}'"
other: " containing the term '%{search_term}'" other: " containing the term '%{search_term}'"

2
config/locales/es.yml
View File

@@ -173,7 +173,7 @@ es:
search_form: search_form:
title: "Buscar" title: "Buscar"
button: "Buscar" button: "Buscar"
placeholder: "Buscar propuestas ciudadanas..." placeholder: "Buscar propuestas..."
search_results: search_results:
one: " que contiene '%{search_term}'" one: " que contiene '%{search_term}'"
other: " que contienen '%{search_term}'" other: " que contienen '%{search_term}'"