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 0000000000..dc6361b7ee
--- /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 0000000000..845c26cd4a
--- /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 b53b36f161..382ff78e48 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 ee01539abd..6be7e758b7 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>
--
GitLab