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 // Hide things the client asked
a#publik-portal-agent, a#publik-portal-agent,
nav { .site-nav {
display: none; 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; top: 1px;
} }

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

@ -14,7 +14,7 @@ div#page {
max-width: $width; max-width: $width;
margin: 0 auto; margin: 0 auto;
box-shadow: 0 0px 2px rgba(0, 0, 0, 0.27); 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; padding: 0 20px;
@media screen and ($max-mobile-viewport) { @media screen and ($max-mobile-viewport) {
padding: 0; padding: 0;

View File

@ -171,7 +171,7 @@ body.has-picture {
width: auto; width: auto;
} }
body.has-picture nav::after { body.has-picture .site-nav::after {
top: 0px; 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; background-size: $width;
position: static; position: static;
margin-top: 160px; margin-top: 160px;

View File

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

View File

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

View File

@ -22,7 +22,7 @@ div#header {
} }
} }
nav { .site-nav {
background-color: $tertiary-color; background-color: $tertiary-color;
margin-top: 25px; 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-image: var(--page-picture);
background-size: cover; background-size: cover;
background-position: center; 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; position: static;
width: $width; width: $width;
max-width: 100%; max-width: 100%;

View File

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

View File

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

View File

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

View File

@ -13,7 +13,7 @@ div#page {
max-width: $width; max-width: $width;
margin: 0 auto; margin: 0 auto;
box-shadow: 0 0px 2px rgba(0, 0, 0, 0.27); 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; padding: 0 20px;
@media screen and ($max-mobile-viewport) { @media screen and ($max-mobile-viewport) {
padding: 0; padding: 0;

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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