Commit 12867543 authored by Agami4's avatar Agami4
Browse files

Issue #3211608 by agami4: Improve secondary navigation

parent df8e7373
......@@ -540,44 +540,6 @@
.nav > li.desktop {
display: none;
}
.navbar-scrollable {
overflow: hidden;
position: relative;
width: 100%;
height: 46px;
}
.navbar-scrollable .navbar-nav {
position: absolute;
left: 0;
top: 0;
width: 100%;
-webkit-overflow-scrolling: touch;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
overflow-x: scroll;
overflow-y: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.navbar-scrollable .navbar-nav::-webkit-scrollbar {
display: none;
}
.navbar-scrollable:after {
content: '';
display: block;
position: absolute;
width: 24px;
height: 100%;
top: 0;
right: 0;
z-index: 2;
}
}
@media (max-width: 899px) {
......@@ -654,6 +616,44 @@
.btn--close-search-take-over {
display: none;
}
.navbar-scrollable {
overflow: hidden;
position: relative;
width: 100%;
height: 46px;
}
.navbar-scrollable .navbar-nav {
position: absolute;
left: 0;
top: 0;
width: 100%;
-webkit-overflow-scrolling: touch;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
overflow-x: scroll;
overflow-y: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.navbar-scrollable .navbar-nav::-webkit-scrollbar {
display: none;
}
.navbar-scrollable:after {
content: '';
display: block;
position: absolute;
width: 24px;
height: 100%;
top: 0;
right: 0;
z-index: 2;
}
html:not(.js) .navbar-header:focus + .navbar-collapse, html:not(.js) .navbar-header:hover + .navbar-collapse {
display: block;
}
......
......@@ -754,7 +754,7 @@
// -------------------------
.navbar-scrollable {
@include for-phone-only {
@include for-tablet-landscape-down {
// Wrapper for hiding the FF scrollbar.
overflow: hidden;
......@@ -833,7 +833,7 @@ html:not(.js) {
.social-gtranslate-list--desktop {
@include for-tablet-landscape-up {
min-width: 200px;
> a {
white-space: nowrap;
}
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment