SPR-950: Headerstyling in Mobile optimieren

This commit is contained in:
Silke Pisulla 2017-05-08 15:38:25 +02:00
commit 8e5fef321f
4 changed files with 33 additions and 29 deletions

View file

@ -46,7 +46,6 @@
.btn-usertools-num();
float: right;
min-height: 28px;
@media @screen_max-xs {
display: block;
@ -54,6 +53,10 @@
margin-bottom: @headericons-margin-xxs;
}
@media @screen_max-xxs {
margin-bottom: (@headericons-margin-xxs - .2);
}
> span,
> a {
display: block;
@ -69,14 +72,6 @@
padding-top: .14rem;
}
@media @screen_max-xxlg {
min-height: 28px;
}
@media @screen_max-md {
min-height: @toggle-size;
}
@media @screen_only-lg {
min-width: 2rem;
}
@ -118,7 +113,7 @@
@media @screen_max-xs {
position: absolute;
top: @headericons-margin-xxs;
right: 2.9rem;
right: (@toggle-size + @headericons-margin-xxs + @space-max-xlg + .5); // 1.75rem + .45 + .5 + (button login/out margin-right)
overflow: hidden;
white-space: nowrap;
margin: -1px 0 0;
@ -126,7 +121,7 @@
@media @screen_max-xxs {
left: -10px;
right: (@toggle-size + @headericons-margin-xxs);
right: (@toggle-size + @headericons-margin-xxs); // 1.75rem + .45rem
width: auto;
}