From: Chocobozzz <me@florianbigard.com>
Date: Wed, 26 Feb 2020 14:25:00 +0000 (+0100)
Subject: Correctly fix menu overflow on mobile
X-Git-Tag: v2.1.1~2
X-Git-Url: https://git.librecmc.org/?a=commitdiff_plain;h=c002261381a4dd0b07dd6706942d446b237fd8f4;p=oweals%2Fpeertube.git

Correctly fix menu overflow on mobile
---

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 {
 @media screen and (max-width: $mobile-view) {
   .menu-wrapper {
     width: 100% !important;
-  }
-
-  .top-menu, .footer {
-    width: 100% !important;
-  }
-}
 
-@media (hover: none) and (pointer: coarse) {
-  .menu-wrapper {
     menu {
       overflow-y: auto;
     }
   }
+
+  .top-menu, .footer {
+    width: 100% !important;
+  }
 }