diff options
| author | John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com> | 2018-02-21 09:48:07 +0100 |
|---|---|---|
| committer | John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com> | 2018-03-04 14:12:28 +0100 |
| commit | 67699f95060a12d01b07cc976e0cb3db883e68b7 (patch) | |
| tree | 88f4fe07991f0d25bf0a5037388b087a14b44f9b /core/css/mobile.scss | |
| parent | c3016d3291c28fd7ca692044fff83437a372d991 (diff) | |
| download | nextcloud-server-67699f95060a12d01b07cc976e0cb3db883e68b7.tar.gz nextcloud-server-67699f95060a12d01b07cc976e0cb3db883e68b7.zip | |
Clean scss, use proper loading icon and menu position on narrow screens
Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
Diffstat (limited to 'core/css/mobile.scss')
| -rw-r--r-- | core/css/mobile.scss | 33 |
1 files changed, 33 insertions, 0 deletions
diff --git a/core/css/mobile.scss b/core/css/mobile.scss index 6f1583cb77a..64e563ce411 100644 --- a/core/css/mobile.scss +++ b/core/css/mobile.scss @@ -131,3 +131,36 @@ table.multiselect thead { /* end of media query */ } + +@media only screen and (max-width: 480px) { + #header .menu { + max-width: calc(100vw - 26px); + position: fixed; + right: 13px; + top: 45px; + &::after { + display: none !important; + } + } + /* Arrow directly child of menutoggle */ + #header .header-right > div { + &.openedMenu{ + &::after { + display: block; + } + } + &::after { + border: 10px solid transparent; + border-bottom-color: $color-main-background; + bottom: 0; + content: ' '; + height: 0; + width: 0; + position: absolute; + pointer-events: none; + right: 13px; + z-index: 2001; + display: none; + } + } +} |