make left menu show the scrollbar on hover/focus

add hotkey to the overview page

diff --git a/client/src/app/app.component.ts b/client/src/app/app.component.ts
index a69f419be973cb01e0e43ae5d0c76f463bced168..7bab2e2fdd60d2fb144cced96d009797b78ac1a0 100644 (file)
--- a/client/src/app/app.component.ts
+++ b/client/src/app/app.component.ts
@@ -132,6 +132,10 @@ export class AppComponent implements OnInit {
         this.router.navigate([ '/videos/subscriptions' ])
         return false
       }, undefined, 'Go to the subscriptions videos page'),
+      new Hotkey('g+o', (event: KeyboardEvent): boolean => {
+        this.router.navigate([ '/videos/overview' ])
+        return false
+      }, undefined, 'Go to the videos overview page'),
       new Hotkey('g+t', (event: KeyboardEvent): boolean => {
         this.router.navigate([ '/videos/trending' ])
         return false

diff --git a/client/src/app/menu/menu.component.scss b/client/src/app/menu/menu.component.scss
index f8c7d8519e96a2a5f0e914607aed521527be38df..941c208e20f2e31fabb0f1f6156e2a14a4695974 100644 (file)
--- a/client/src/app/menu/menu.component.scss
+++ b/client/src/app/menu/menu.component.scss
@@ -18,12 +18,16 @@ menu {
   overflow: hidden;
   z-index: 1000;
   color: $menu-color;
-  overflow-y: auto;
   display: flex;
   flex-direction: column;
 
+  &:focus, &:hover {
+    overflow-y: auto;
+  }
+
   .top-menu {
     flex-grow: 1;
+    width: $menu-width;
   }
 
   .logged-in-block {

diff --git a/client/src/app/videos/+video-watch/video-watch.component.html b/client/src/app/videos/+video-watch/video-watch.component.html
index c6118b763b3096cdbb56cb2b70e9a7731e9b5b83..7dbc96bf417dfe72ca88b6b640c5d805abeaf8c4 100644 (file)
--- a/client/src/app/videos/+video-watch/video-watch.component.html
+++ b/client/src/app/videos/+video-watch/video-watch.component.html
@@ -208,7 +208,7 @@
     <div class="privacy-concerns-text">
       <strong i18n>Friendly Reminder: </strong>
       <ng-container i18n>
-        the sharing system used by this video implies that some technical information about your system (such as a public IP address) can be sent to other peers.
+        the sharing system used for this video implies that some technical information about your system (such as a public IP address) can be sent to other peers.
       </ng-container>
       <a i18n i18n-title title="Get more information" target="_blank" rel="noopener noreferrer" href="/about/peertube">More information</a>
     </div>