Merge branch 'fixed-top-bar' into 'develop'

Fixed top bar

Closes #369 and #375

See merge request funkwhale/funkwhale!330

changes/changelog.d/369.bugfix

@@ -0,0 +1 @@
+Fix the most annoying offset in the whole fediverse (#369)

changes/changelog.d/375.enhancement

@@ -0,0 +1 @@
+The navigation bar of Library is now fixed (#375)

front/src/App.vue

@@ -194,6 +194,7 @@ html, body {
 .main.pusher, .footer {
   @include media(">desktop") {
     margin-left: 350px !important;
+    margin-top: 50px;
   }
   transform: none !important;
 }

front/src/components/library/Library.vue

@@ -42,7 +42,7 @@ export default {
 
 .library.pusher > .ui.secondary.menu {
   @include media(">tablet") {
-    margin: 0 2.5rem;
+    padding: 0 2.5rem;
   }
   .item {
     padding-top: 1.5em;
@@ -75,7 +75,30 @@ export default {
 
     }
   }
+}
 
+.ui.secondary.pointing.menu {
+  border: none;
+  box-shadow: inset 0px -2px 0px 0px rgba(34, 36, 38, 0.15);
+  .ui.item {
+    border: none;
+    border-bottom-style: none;
+    margin-bottom: 0px;
+    &.active {
+      box-shadow: inset 0px -2px 0px 0px #000;
+    }
+  }
+}
+
+.secondary.pointing.menu {
+  @include media(">desktop") {
+    position: fixed;
+    left: 350px;
+    right: 0px;
+    top: 0px;
+    z-index: 1;
+  }
+  background-color: white;
 }
 
 </style>