themes : use class 'site-nav' instead tag to select nav (#49976)

This commit is contained in:
Thomas Jund 2021-01-08 11:14:31 +01:00
parent 7b8c35d337
commit cc06e49a8b
47 changed files with 65 additions and 65 deletions

View File

@ -1,7 +1,7 @@
// Hide things the client asked
a#publik-portal-agent,
nav {
.site-nav {
display: none;
}

View File

@ -77,7 +77,7 @@ div#main-content-wrapper {
}
}
body.has-picture nav::after {
body.has-picture .site-nav::after {
top: 1px;
}

View File

@ -122,7 +122,7 @@ body.has-picture {
}
}
}
nav::after {
.site-nav::after {
transition: all ease 0.2s;
top: calc(#{$toplinks-height} + #{$nav-padding} + #{$font-size * 3});
@media screen and ($max-mobile-viewport) {
@ -154,7 +154,7 @@ body.scrolled {
padding-top: 0.5rem;
}
&.has-picture nav::after {
&.has-picture .site-nav::after {
top: calc(#{$nav-padding} + #{$font-size * 3});
@media screen and ($max-mobile-viewport) {
top: -16px;

View File

@ -215,15 +215,15 @@ div#nav {
}
// Picture
body.has-picture nav::after {
body.has-picture .site-nav::after {
top: 0;
}
@media ($min-desktop-viewport) {
body.has-picture nav::after {
body.has-picture .site-nav::after {
transition: top ease 0.2s;
top: calc(#{$toplinks-height} + #{$header-desktop-height});
}
body.has-picture.scrolled nav::after {
body.has-picture.scrolled .site-nav::after {
top: $header-desktop-fixed-height;
}
}

View File

@ -59,7 +59,7 @@ div#nav {
background: white url(img/bg_logo.png) top center no-repeat;
}
nav::after {
.site-nav::after {
content: "";
display: block;
width: 100%;

View File

@ -1,5 +1,5 @@
div#page {
nav ul {
.site-nav ul {
margin-top: 0;
}
}

View File

@ -14,7 +14,7 @@ div#page {
margin: 0 auto;
box-shadow: 0 0px 2px rgba(0, 0, 0, 0.27);
border-radius: 2 * $border-radius;
.site-header, nav, #main-content-wrapper {
.site-header, .site-nav, #main-content-wrapper {
padding: 0 20px;
@media screen and ($max-mobile-viewport) {
padding: 0;

View File

@ -143,7 +143,7 @@ div.gru-nav > ul ul {
}
// Page picture
body.has-picture nav::after {
body.has-picture .site-nav::after {
position: static;
max-width: $width;
margin-left: auto;

View File

@ -41,7 +41,7 @@ body {
}
}
nav {
.site-nav {
text-transform: uppercase;
}

View File

@ -247,7 +247,7 @@ div#footer {
display: none;
}
}
nav, #pwa-navigation {
.site-nav, #pwa-navigation {
display: none;
}
.pwa-navigation ~ footer {

View File

@ -58,7 +58,7 @@ body {
}
}
nav {
.site-nav {
text-align: center;
font-family: $title-font-family;
@media screen and ($max-mobile-viewport) {

View File

@ -68,7 +68,7 @@ div#header {
}
}
nav {
.site-nav {
z-index: 1000;
}
@ -109,7 +109,7 @@ div#main-content-wrapper {
}
// Page picture
body.has-picture nav::after {
body.has-picture .site-nav::after {
box-sizing: content-box;
position: static;
max-width: $width;

View File

@ -399,7 +399,7 @@ div#gauche {
.wcs-step {
margin-right: $wcs-steps-spacing;
flex: 1 1 auto;
max-width: 33%;
max-width: 33%;
&:last-child {
flex-grow: 0;
}
@ -544,7 +544,7 @@ div.back-home-button {
}
}
body.has-picture nav::after {
body.has-picture .site-nav::after {
top: 0;
}

View File

@ -230,7 +230,7 @@ div.gru-nav-wrapper {
// Home image
.page-index {
nav {
.site-nav {
width: 1920px;
max-width: 100%;
margin: 0 auto;

View File

@ -254,7 +254,7 @@ div#anomalies {
}
}
nav {
.site-nav {
display: none;
@media screen and ($max-mobile-viewport) {
display: block;

View File

@ -77,7 +77,7 @@ body.anonymous-user {
// navigation
nav {
.site-nav {
z-index: 5;
}

View File

@ -61,7 +61,7 @@ div#header h1#logo {
}
}
nav {
.site-nav {
background: $primary-color;
#nav > ul {
margin-left: 180px;
@ -113,7 +113,7 @@ nav {
}
}
body.has-picture nav::after {
body.has-picture .site-nav::after {
top: 0;
}
@ -500,7 +500,7 @@ div#gauche {
}
@media screen and ($max-mobile-viewport) {
body.has-picture nav::after {
body.has-picture .site-nav::after {
height: 200px;
margin-top: -6px;
}

View File

@ -70,7 +70,7 @@ div#main-content-wrapper {
max-width: 100%;
}
> nav {
> .site-nav {
display: flex;
align-items: center;
justify-content: center;

View File

@ -54,7 +54,7 @@ $margin-center: 0 auto;
}
}
nav {
.site-nav {
display: flex;
.user-nav {

View File

@ -444,14 +444,14 @@ div.menucell {
@if $nav-mobile-mode == bottom-bar {
@media screen and (max-width: $nav-mobile-limit) {
nav {
.site-nav {
@include pwa-bottom-bar;
}
div#header h1 { // cancel hamburger
padding-left: 0;
background-position: 0;
}
body.has-picture[data-picture] nav::after {
body.has-picture[data-picture] .site-nav::after {
content: none;
}
footer {
@ -462,14 +462,14 @@ div.menucell {
@if $nav-mobile-mode == hidden {
@media screen and (max-width: $nav-mobile-limit) {
nav {
.site-nav {
display: none;
}
}
}
@if $nav-after-image == true {
body.has-picture nav::after {
body.has-picture .site-nav::after {
content: "";
display: block;
width: 100%;

View File

@ -81,7 +81,7 @@ div.gru-nav .gru-nav-button {
}
}
}
body.has-picture nav::after {
body.has-picture .site-nav::after {
position: static;
}

View File

@ -70,7 +70,7 @@ div.gru-nav > ul {
//
// PAGE PICTURE
//
body.has-picture nav::after {
body.has-picture .site-nav::after {
top: 0;
}

View File

@ -103,7 +103,7 @@ body.has-picture {
}
}
body.has-picture nav::after {
body.has-picture .site-nav::after {
top: 100px;
}
@ -152,7 +152,7 @@ body.has-picture nav::after {
width: auto;
}
body.has-picture nav::after {
body.has-picture .site-nav::after {
top: 0px;
}

View File

@ -24,7 +24,7 @@ $form-picto-keywords: adresse, aquabike, archives, asso, attestation, bibliotheq
background: white;
}
nav {
.site-nav {
z-index: 250;
pointer-events: none;
button, ul {

View File

@ -67,7 +67,7 @@ body.has-picture {
padding-top: 1rem;
}
nav::after {
.site-nav::after {
transition: all ease 0.2s;
top: -2rem;
@media screen and ($max-mobile-viewport) {

View File

@ -123,7 +123,7 @@ button::-moz-focus-inner {
}
}
nav {
.site-nav {
z-index: 250;
pointer-events: none;
button, ul {

View File

@ -54,7 +54,7 @@
}
}
body.has-picture nav::after {
body.has-picture .site-nav::after {
background-size: contain;
}

View File

@ -52,7 +52,7 @@ div#main-content-wrapper {
}
body.has-picture {
nav::after {
.site-nav::after {
content: "";
display: block;
width: 100%;

View File

@ -14,7 +14,7 @@ div#page {
max-width: $width;
margin: 0 auto;
box-shadow: 0 0px 2px rgba(0, 0, 0, 0.27);
.site-header, nav, #main-content-wrapper {
.site-header, .site-nav, #main-content-wrapper {
padding: 0 20px;
@media screen and ($max-mobile-viewport) {
padding: 0;

View File

@ -171,7 +171,7 @@ body.has-picture {
width: auto;
}
body.has-picture nav::after {
body.has-picture .site-nav::after {
top: 0px;
}

View File

@ -446,7 +446,7 @@ body.scrolled div.gru-nav > ul {
}
}
body.has-picture nav::after {
body.has-picture .site-nav::after {
background-size: $width;
position: static;
margin-top: 160px;

View File

@ -80,12 +80,12 @@ footer {
}
}
nav ul {
.site-nav ul {
margin: 0 auto;
text-align: center;
}
body.has-picture nav::after {
body.has-picture .site-nav::after {
top: 0;
}
@ -222,7 +222,7 @@ div.cancel-button {
}
@media screen and (max-width: $nav-mobile-limit) {
body.has-picture nav::after {
body.has-picture .site-nav::after {
height: 200px;
}
}

View File

@ -65,7 +65,7 @@ footer {
}
}
nav ul {
.site-nav ul {
display: none;
}
@ -247,7 +247,7 @@ div.cancel-button {
}
@media screen and (max-width: $nav-mobile-limit) {
body.has-picture nav::after {
body.has-picture .site-nav::after {
height: 200px;
}
}

View File

@ -22,7 +22,7 @@ div#header {
}
}
nav {
.site-nav {
background-color: $tertiary-color;
margin-top: 25px;
}
@ -41,7 +41,7 @@ div.gru-nav {
}
}
body.has-picture nav::after {
body.has-picture .site-nav::after {
background-image: var(--page-picture);
background-size: cover;
background-position: center;

View File

@ -138,7 +138,7 @@ div.gru-nav {
}
}
body.has-picture nav::after {
body.has-picture .site-nav::after {
position: static;
width: $width;
max-width: 100%;

View File

@ -42,7 +42,7 @@ div#header h1#logo {
left: 0;
}
nav {
.site-nav {
border-bottom: 5px solid #ccc;
@media screen and ($max-mobile-viewport) {
border: 0;

View File

@ -281,7 +281,7 @@ div.back-home-button {
}
}
body.has-picture nav::after {
body.has-picture .site-nav::after {
top: 0;
}

View File

@ -123,7 +123,7 @@ body.anonymous-user {
// navigation
nav {
.site-nav {
z-index: 5;
}

View File

@ -80,7 +80,7 @@
}
}
nav {
.site-nav {
display: none;
}

View File

@ -13,7 +13,7 @@ div#page {
max-width: $width;
margin: 0 auto;
box-shadow: 0 0px 2px rgba(0, 0, 0, 0.27);
header, nav, #main-content-wrapper {
header, .site-nav, #main-content-wrapper {
padding: 0 20px;
@media screen and ($max-mobile-viewport) {
padding: 0;

View File

@ -20,7 +20,7 @@ body {
z-index: 1000;
}
.site-header, nav {
.site-header, .site-nav {
background: white;
}
@ -910,7 +910,7 @@ div.wcs-tracking-code-input {
// different background to avoid mixing with navigation bar
background: #2e2e2e;
}
nav {
.site-nav {
height: $mobile-navigation-height;
position: fixed;
bottom: 0;
@ -1101,7 +1101,7 @@ div.ui-widget-overlay {
}
@media screen and (max-width: $desktop-limit) {
body.focus-in nav {
body.focus-in .site-nav {
display: none;
}
}

View File

@ -74,7 +74,7 @@ header {
}
}
nav {
.site-nav {
position: fixed;
height: 100%;
top: 0;

View File

@ -109,7 +109,7 @@ a:hover {
}
}
nav {
.site-nav {
position: fixed;
height: $intro-height;
top: $header-height;
@ -1773,7 +1773,7 @@ div#rub_service div#info {
}
.authentic-page {
.site-header, nav, div#actu {
.site-header, .site-nav, div#actu {
display: none;
}
div#page {

View File

@ -92,6 +92,6 @@ div.textcell {
}
}
body.has-picture nav::after {
body.has-picture .site-nav::after {
top: -12px;
}

View File

@ -15,7 +15,7 @@ div#header {
}
}
nav {
.site-nav {
text-transform: uppercase;
}

View File

@ -1,7 +1,7 @@
@import '../includes/fonts/oswald';
@import '../includes/fonts/cantarell';
nav {
.site-nav {
display: none;
}

View File

@ -80,7 +80,7 @@
</header>
{% block nav %}
<nav role="navigation">
<nav role="navigation" class="site-nav">
<div id="nav-wrapper" class="gru-nav-wrapper">
{% block nav-pre %}{% endblock %}
<div id="nav" class="gru-nav togglable">