diff --git a/front/src/App.vue b/front/src/App.vue index 382ff78e4842edd5f6f2f5f27584c0b70705f94d..7e02e4f301cdb218a4dfa77f1cf1f1032a600bc0 100644 --- a/front/src/App.vue +++ b/front/src/App.vue @@ -198,6 +198,38 @@ html, body { } transform: none !important; } + + +.main.pusher > .ui.secondary.menu { + margin-left: 0; + margin-right: 0; + 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; + } + } + @include media(">tablet") { + padding: 0 2.5rem; + } + @include media(">desktop") { + position: fixed; + left: 350px; + right: 0px; + top: 0px; + z-index: 1; + } + background-color: white; + .item { + padding-top: 1.5em; + padding-bottom: 1.5em; + } +} + .service-messages { position: fixed; bottom: 1em; diff --git a/front/src/components/library/Library.vue b/front/src/components/library/Library.vue index 6be7e758b7cf03ee0296bac30b2fc8bf924f2779..d860ab6dc606c804662e654d8eee329fa7984085 100644 --- a/front/src/components/library/Library.vue +++ b/front/src/components/library/Library.vue @@ -40,16 +40,6 @@ export default { <style lang="scss"> @import '../../style/vendor/media'; -.library.pusher > .ui.secondary.menu { - @include media(">tablet") { - padding: 0 2.5rem; - } - .item { - padding-top: 1.5em; - padding-bottom: 1.5em; - } -} - .library { .ui.segment.head { background-size: cover; @@ -77,28 +67,5 @@ 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> diff --git a/front/src/views/admin/library/Base.vue b/front/src/views/admin/library/Base.vue index 08277a24ee32cf52ac08c178c37d3b309e3eb2a6..65cd1a667ed026196e23b3651acdec04db5d0e95 100644 --- a/front/src/views/admin/library/Base.vue +++ b/front/src/views/admin/library/Base.vue @@ -32,17 +32,3 @@ export default { } } </script> - -<style lang="scss"> -@import '../../../style/vendor/media'; - -.main.pusher > .ui.secondary.menu { - @include media(">tablet") { - margin: 0 2.5rem; - } - .item { - padding-top: 1.5em; - padding-bottom: 1.5em; - } -} -</style> diff --git a/front/src/views/admin/users/Base.vue b/front/src/views/admin/users/Base.vue index bbdf4432419a428e047a5ca230006e4bceb77bbc..7486d02d742254cc7d2fcb214435ffdaafd1c44f 100644 --- a/front/src/views/admin/users/Base.vue +++ b/front/src/views/admin/users/Base.vue @@ -23,17 +23,3 @@ export default { } } </script> - -<style lang="scss"> -@import '../../../style/vendor/media'; - -.main.pusher > .ui.secondary.menu { - @include media(">tablet") { - margin: 0 2.5rem; - } - .item { - padding-top: 1.5em; - padding-bottom: 1.5em; - } -} -</style> diff --git a/front/src/views/federation/Base.vue b/front/src/views/federation/Base.vue index 908ab7908a97ffa56623a1684ec263073dfc7a9b..417b3f3f7bf3d731dce93cbdd207c10ee9776467 100644 --- a/front/src/views/federation/Base.vue +++ b/front/src/views/federation/Base.vue @@ -50,16 +50,3 @@ export default { } } </script> -<style lang="scss"> -@import '../../style/vendor/media'; - -.main.pusher > .ui.secondary.menu { - @include media(">tablet") { - margin: 0 2.5rem; - } - .item { - padding-top: 1.5em; - padding-bottom: 1.5em; - } -} -</style>