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

Increase login links touch area on small screens

Browse Source 
On small screens, the "Sign in", "Register", "My content", "My account"
and "Sign out" links didn't have much padding nor space between them,
and it was easy to accidentally click the wrong link.

This change also positively affects the menu on medium and large
screens. When one of the options (like "SDG content") had a text
spanning over two lines (like it happens in Swedish), there was barely
any space between those two lines. So we're using `line-height: inherit`
instead and adjusting the padding accordingly.
This commit is contained in:
Javi Martín
2021-08-27 23:59:01 +02:00
parent 4fbe2d99d5
commit 00565bba6a
1 changed files with 2 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -580,11 +580,12 @@ body > header,
a { a {
color: inherit; color: inherit;
line-height: inherit;
padding-left: 0; padding-left: 0;
@include breakpoint(medium) { @include breakpoint(medium) {
font-size: $small-font-size; font-size: $small-font-size;
padding: rem-calc(11) rem-calc(16); padding: rem-calc(8) rem-calc(16);
} }
} }