SPR-950: optimate Headerstyling in Mobile
This commit is contained in:
parent
d765b290be
commit
5b90468832
3 changed files with 48 additions and 8 deletions
|
@ -25,6 +25,12 @@
|
|||
float: right;
|
||||
min-height: 28px;
|
||||
|
||||
@media @screen_max-xxs {
|
||||
display: block;
|
||||
float: none;
|
||||
margin-bottom: @headericons-margin-xxs;
|
||||
}
|
||||
|
||||
> strong,
|
||||
> a {
|
||||
display: block;
|
||||
|
@ -80,6 +86,16 @@
|
|||
padding-top: @space-max-md;
|
||||
}
|
||||
|
||||
@media @screen_max-xxs {
|
||||
position: absolute;
|
||||
top: @headericons-margin-xxs;
|
||||
right: (@toggle-size + @headericons-margin-xxs);
|
||||
max-width: 225px;
|
||||
overflow-x: hidden;
|
||||
white-space: nowrap;
|
||||
margin: -1px 0 0;
|
||||
}
|
||||
|
||||
> a {
|
||||
.display-flex();
|
||||
.align-items();
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue