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; }