diff options
| author | Chocobozzz <me@florianbigard.com> | 2020-02-26 15:25:00 +0100 |
|---|---|---|
| committer | Chocobozzz <me@florianbigard.com> | 2020-02-26 15:25:09 +0100 |
| commit | c002261381a4dd0b07dd6706942d446b237fd8f4 (patch) | |
| tree | f65f254f96bb66e5e1f0477d176a20e76427a6f6 | |
| parent | 133d9c112a19720eccc20def0c01aa0ec009c27a (diff) | |
| download | PeerTube-c002261381a4dd0b07dd6706942d446b237fd8f4.tar.gz PeerTube-c002261381a4dd0b07dd6706942d446b237fd8f4.tar.zst PeerTube-c002261381a4dd0b07dd6706942d446b237fd8f4.zip | |
Correctly fix menu overflow on mobile
| -rw-r--r-- | client/src/app/menu/menu.component.scss | 12 |
1 files changed, 4 insertions, 8 deletions
diff --git a/client/src/app/menu/menu.component.scss b/client/src/app/menu/menu.component.scss index 112fdc1ce..b05173751 100644 --- a/client/src/app/menu/menu.component.scss +++ b/client/src/app/menu/menu.component.scss | |||
| @@ -254,17 +254,13 @@ menu { | |||
| 254 | @media screen and (max-width: $mobile-view) { | 254 | @media screen and (max-width: $mobile-view) { |
| 255 | .menu-wrapper { | 255 | .menu-wrapper { |
| 256 | width: 100% !important; | 256 | width: 100% !important; |
| 257 | } | ||
| 258 | |||
| 259 | .top-menu, .footer { | ||
| 260 | width: 100% !important; | ||
| 261 | } | ||
| 262 | } | ||
| 263 | 257 | ||
| 264 | @media (hover: none) and (pointer: coarse) { | ||
| 265 | .menu-wrapper { | ||
| 266 | menu { | 258 | menu { |
| 267 | overflow-y: auto; | 259 | overflow-y: auto; |
| 268 | } | 260 | } |
| 269 | } | 261 | } |
| 262 | |||
| 263 | .top-menu, .footer { | ||
| 264 | width: 100% !important; | ||
| 265 | } | ||
| 270 | } | 266 | } |