From a467e400ac0f75c70b60afa8b80a081afa4381a6 Mon Sep 17 00:00:00 2001
From: Renon <renon@disroot.org>
Date: Fri, 20 Jul 2018 22:16:23 +0200
Subject: [PATCH] Fix #369 and #375: library menu is now fixed

---
 changes/changelog.d/369.bugfix           |  1 +
 changes/changelog.d/375.enhancement      |  1 +
 front/src/App.vue                        |  1 +
 front/src/components/library/Library.vue | 25 +++++++++++++++++++++++-
 4 files changed, 27 insertions(+), 1 deletion(-)
 create mode 100644 changes/changelog.d/369.bugfix
 create mode 100644 changes/changelog.d/375.enhancement

diff --git a/changes/changelog.d/369.bugfix b/changes/changelog.d/369.bugfix
new file mode 100644
index 000000000..dc6361b7e
--- /dev/null
+++ b/changes/changelog.d/369.bugfix
@@ -0,0 +1 @@
+Fix the most annoying offset in the whole fediverse (#369)
diff --git a/changes/changelog.d/375.enhancement b/changes/changelog.d/375.enhancement
new file mode 100644
index 000000000..845c26cd4
--- /dev/null
+++ b/changes/changelog.d/375.enhancement
@@ -0,0 +1 @@
+The navigation bar of Library is now fixed (#375)
diff --git a/front/src/App.vue b/front/src/App.vue
index b53b36f16..382ff78e4 100644
--- a/front/src/App.vue
+++ b/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;
 }
diff --git a/front/src/components/library/Library.vue b/front/src/components/library/Library.vue
index ee01539ab..6be7e758b 100644
--- a/front/src/components/library/Library.vue
+++ b/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>