From cc06e49a8b87d6248d04f8944f2e83c4b19c726e Mon Sep 17 00:00:00 2001 From: Thomas JUND Date: Fri, 8 Jan 2021 11:14:31 +0100 Subject: [PATCH] themes : use class 'site-nav' instead tag to select nav (#49976) --- static/amiens-metropole/_custom.scss | 2 +- static/arpajon/_custom.scss | 2 +- static/calvados-cd14/_custom.scss | 4 ++-- static/calvados-intranet-cd14/_custom.scss | 6 +++--- static/castelnau-le-lez/_custom.scss | 2 +- static/castries-2020/_custom.scss | 2 +- static/castries/_custom.scss | 2 +- static/cinor/_custom.scss | 2 +- static/clapiers/_custom.scss | 2 +- static/clermont-metropole/_custom.scss | 2 +- static/cnil/_custom.scss | 2 +- static/correze-cd19/_custom.scss | 4 ++-- static/fontenay-sous-bois-2018/_custom.scss | 4 ++-- static/gpseo/_custom.scss | 2 +- static/grand-chambery/_custom.scss | 2 +- static/groupe-up/_custom.scss | 2 +- static/haute-garonne-cd31/_custom.scss | 6 +++--- static/hautes-alpes-2018/_custom.scss | 2 +- static/hautes-alpes-2018/_neutral-variant.scss | 2 +- static/includes/_nav.scss | 8 ++++---- static/la-reunion-region/_custom.scss | 2 +- static/lambersart/_custom.scss | 2 +- static/lille-metropole/_custom.scss | 4 ++-- static/lille/_custom.scss | 2 +- static/lot-cd46/_custom.scss | 2 +- static/metz-metropole-2019/_custom.scss | 2 +- static/minsant/_custom.scss | 2 +- static/moselle/_custom.scss | 2 +- static/murviel-les-montpellier/_custom.scss | 2 +- static/pfwb/_custom.scss | 2 +- static/pre-saint-gervais/_custom.scss | 2 +- static/roannais-agglomeration/_custom.scss | 6 +++--- static/saint-chamond/_custom.scss | 4 ++-- static/saint-denis/_custom.scss | 4 ++-- static/saint-laurent-du-var/_custom.scss | 2 +- static/saint-lo-agglo/_custom.scss | 2 +- static/saone-et-loire-cd71-2019/_custom.scss | 2 +- static/seine-et-marne-apa/_custom.scss | 2 +- static/signal-publik/_custom.scss | 2 +- static/sussargues/_custom.scss | 2 +- static/toodego/_custom.scss | 6 +++--- static/toulouse-metropole/_custom.scss | 2 +- static/toulouse/_custom.scss | 4 ++-- static/universite-paris-nanterre/_custom.scss | 2 +- static/vendargues/_custom.scss | 2 +- static/venissieux/_custom.scss | 2 +- templates/theme.html | 2 +- 47 files changed, 65 insertions(+), 65 deletions(-) diff --git a/static/amiens-metropole/_custom.scss b/static/amiens-metropole/_custom.scss index e09f8e6f..4f4d89af 100644 --- a/static/amiens-metropole/_custom.scss +++ b/static/amiens-metropole/_custom.scss @@ -1,7 +1,7 @@ // Hide things the client asked a#publik-portal-agent, -nav { +.site-nav { display: none; } diff --git a/static/arpajon/_custom.scss b/static/arpajon/_custom.scss index 48ab3bec..08a69020 100644 --- a/static/arpajon/_custom.scss +++ b/static/arpajon/_custom.scss @@ -77,7 +77,7 @@ div#main-content-wrapper { } } -body.has-picture nav::after { +body.has-picture .site-nav::after { top: 1px; } diff --git a/static/calvados-cd14/_custom.scss b/static/calvados-cd14/_custom.scss index b189ead2..d29235e4 100644 --- a/static/calvados-cd14/_custom.scss +++ b/static/calvados-cd14/_custom.scss @@ -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; diff --git a/static/calvados-intranet-cd14/_custom.scss b/static/calvados-intranet-cd14/_custom.scss index 9472997a..5092fce5 100644 --- a/static/calvados-intranet-cd14/_custom.scss +++ b/static/calvados-intranet-cd14/_custom.scss @@ -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; } } diff --git a/static/castelnau-le-lez/_custom.scss b/static/castelnau-le-lez/_custom.scss index 0bc9ba75..82eacc96 100644 --- a/static/castelnau-le-lez/_custom.scss +++ b/static/castelnau-le-lez/_custom.scss @@ -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%; diff --git a/static/castries-2020/_custom.scss b/static/castries-2020/_custom.scss index 43fef833..1f805537 100644 --- a/static/castries-2020/_custom.scss +++ b/static/castries-2020/_custom.scss @@ -1,5 +1,5 @@ div#page { - nav ul { + .site-nav ul { margin-top: 0; } } diff --git a/static/castries/_custom.scss b/static/castries/_custom.scss index 9a527a92..80004279 100644 --- a/static/castries/_custom.scss +++ b/static/castries/_custom.scss @@ -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; diff --git a/static/cinor/_custom.scss b/static/cinor/_custom.scss index 71c19e34..4e6db3a5 100644 --- a/static/cinor/_custom.scss +++ b/static/cinor/_custom.scss @@ -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; diff --git a/static/clapiers/_custom.scss b/static/clapiers/_custom.scss index 8965bc3e..1eb979e7 100644 --- a/static/clapiers/_custom.scss +++ b/static/clapiers/_custom.scss @@ -41,7 +41,7 @@ body { } } -nav { +.site-nav { text-transform: uppercase; } diff --git a/static/clermont-metropole/_custom.scss b/static/clermont-metropole/_custom.scss index e2d2c044..2b33df84 100644 --- a/static/clermont-metropole/_custom.scss +++ b/static/clermont-metropole/_custom.scss @@ -247,7 +247,7 @@ div#footer { display: none; } } - nav, #pwa-navigation { + .site-nav, #pwa-navigation { display: none; } .pwa-navigation ~ footer { diff --git a/static/cnil/_custom.scss b/static/cnil/_custom.scss index 4e197a93..a4fe297b 100644 --- a/static/cnil/_custom.scss +++ b/static/cnil/_custom.scss @@ -58,7 +58,7 @@ body { } } -nav { +.site-nav { text-align: center; font-family: $title-font-family; @media screen and ($max-mobile-viewport) { diff --git a/static/correze-cd19/_custom.scss b/static/correze-cd19/_custom.scss index f41ab51e..46a27191 100644 --- a/static/correze-cd19/_custom.scss +++ b/static/correze-cd19/_custom.scss @@ -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; diff --git a/static/fontenay-sous-bois-2018/_custom.scss b/static/fontenay-sous-bois-2018/_custom.scss index 23882e22..c997fda9 100644 --- a/static/fontenay-sous-bois-2018/_custom.scss +++ b/static/fontenay-sous-bois-2018/_custom.scss @@ -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; } diff --git a/static/gpseo/_custom.scss b/static/gpseo/_custom.scss index f998fce6..080e33e8 100644 --- a/static/gpseo/_custom.scss +++ b/static/gpseo/_custom.scss @@ -230,7 +230,7 @@ div.gru-nav-wrapper { // Home image .page-index { - nav { + .site-nav { width: 1920px; max-width: 100%; margin: 0 auto; diff --git a/static/grand-chambery/_custom.scss b/static/grand-chambery/_custom.scss index 7399d171..1a37612a 100644 --- a/static/grand-chambery/_custom.scss +++ b/static/grand-chambery/_custom.scss @@ -254,7 +254,7 @@ div#anomalies { } } -nav { +.site-nav { display: none; @media screen and ($max-mobile-viewport) { display: block; diff --git a/static/groupe-up/_custom.scss b/static/groupe-up/_custom.scss index 38630583..8c6a37fa 100644 --- a/static/groupe-up/_custom.scss +++ b/static/groupe-up/_custom.scss @@ -77,7 +77,7 @@ body.anonymous-user { // navigation -nav { +.site-nav { z-index: 5; } diff --git a/static/haute-garonne-cd31/_custom.scss b/static/haute-garonne-cd31/_custom.scss index 38575540..f76348fb 100644 --- a/static/haute-garonne-cd31/_custom.scss +++ b/static/haute-garonne-cd31/_custom.scss @@ -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; } diff --git a/static/hautes-alpes-2018/_custom.scss b/static/hautes-alpes-2018/_custom.scss index 59c50545..5c1d7e55 100644 --- a/static/hautes-alpes-2018/_custom.scss +++ b/static/hautes-alpes-2018/_custom.scss @@ -70,7 +70,7 @@ div#main-content-wrapper { max-width: 100%; } - > nav { + > .site-nav { display: flex; align-items: center; justify-content: center; diff --git a/static/hautes-alpes-2018/_neutral-variant.scss b/static/hautes-alpes-2018/_neutral-variant.scss index ceb40e03..9fb63623 100644 --- a/static/hautes-alpes-2018/_neutral-variant.scss +++ b/static/hautes-alpes-2018/_neutral-variant.scss @@ -54,7 +54,7 @@ $margin-center: 0 auto; } } - nav { + .site-nav { display: flex; .user-nav { diff --git a/static/includes/_nav.scss b/static/includes/_nav.scss index 8cd05b85..0835a864 100644 --- a/static/includes/_nav.scss +++ b/static/includes/_nav.scss @@ -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%; diff --git a/static/la-reunion-region/_custom.scss b/static/la-reunion-region/_custom.scss index 141c430f..753d1ba8 100644 --- a/static/la-reunion-region/_custom.scss +++ b/static/la-reunion-region/_custom.scss @@ -81,7 +81,7 @@ div.gru-nav .gru-nav-button { } } } -body.has-picture nav::after { +body.has-picture .site-nav::after { position: static; } diff --git a/static/lambersart/_custom.scss b/static/lambersart/_custom.scss index 8e1bd3ce..c9037e6d 100644 --- a/static/lambersart/_custom.scss +++ b/static/lambersart/_custom.scss @@ -70,7 +70,7 @@ div.gru-nav > ul { // // PAGE PICTURE // -body.has-picture nav::after { +body.has-picture .site-nav::after { top: 0; } diff --git a/static/lille-metropole/_custom.scss b/static/lille-metropole/_custom.scss index d9b1248c..0399c028 100644 --- a/static/lille-metropole/_custom.scss +++ b/static/lille-metropole/_custom.scss @@ -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; } diff --git a/static/lille/_custom.scss b/static/lille/_custom.scss index 302e1a91..d96ff83a 100644 --- a/static/lille/_custom.scss +++ b/static/lille/_custom.scss @@ -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 { diff --git a/static/lot-cd46/_custom.scss b/static/lot-cd46/_custom.scss index 27ed82fe..26886cfb 100644 --- a/static/lot-cd46/_custom.scss +++ b/static/lot-cd46/_custom.scss @@ -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) { diff --git a/static/metz-metropole-2019/_custom.scss b/static/metz-metropole-2019/_custom.scss index f094cecd..fb5df9df 100644 --- a/static/metz-metropole-2019/_custom.scss +++ b/static/metz-metropole-2019/_custom.scss @@ -123,7 +123,7 @@ button::-moz-focus-inner { } } -nav { +.site-nav { z-index: 250; pointer-events: none; button, ul { diff --git a/static/minsant/_custom.scss b/static/minsant/_custom.scss index a4bbd391..5df292a5 100644 --- a/static/minsant/_custom.scss +++ b/static/minsant/_custom.scss @@ -54,7 +54,7 @@ } } -body.has-picture nav::after { +body.has-picture .site-nav::after { background-size: contain; } diff --git a/static/moselle/_custom.scss b/static/moselle/_custom.scss index 5a58a07a..5568cb90 100644 --- a/static/moselle/_custom.scss +++ b/static/moselle/_custom.scss @@ -52,7 +52,7 @@ div#main-content-wrapper { } body.has-picture { - nav::after { + .site-nav::after { content: ""; display: block; width: 100%; diff --git a/static/murviel-les-montpellier/_custom.scss b/static/murviel-les-montpellier/_custom.scss index 803ea0a3..62e72117 100644 --- a/static/murviel-les-montpellier/_custom.scss +++ b/static/murviel-les-montpellier/_custom.scss @@ -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; diff --git a/static/pfwb/_custom.scss b/static/pfwb/_custom.scss index b6a50fee..75475e4c 100644 --- a/static/pfwb/_custom.scss +++ b/static/pfwb/_custom.scss @@ -171,7 +171,7 @@ body.has-picture { width: auto; } - body.has-picture nav::after { + body.has-picture .site-nav::after { top: 0px; } diff --git a/static/pre-saint-gervais/_custom.scss b/static/pre-saint-gervais/_custom.scss index af73aaee..ac35fc84 100644 --- a/static/pre-saint-gervais/_custom.scss +++ b/static/pre-saint-gervais/_custom.scss @@ -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; diff --git a/static/roannais-agglomeration/_custom.scss b/static/roannais-agglomeration/_custom.scss index f38bf1fa..503a27a8 100644 --- a/static/roannais-agglomeration/_custom.scss +++ b/static/roannais-agglomeration/_custom.scss @@ -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; } } diff --git a/static/saint-chamond/_custom.scss b/static/saint-chamond/_custom.scss index 501486ec..621f2af7 100644 --- a/static/saint-chamond/_custom.scss +++ b/static/saint-chamond/_custom.scss @@ -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; } } diff --git a/static/saint-denis/_custom.scss b/static/saint-denis/_custom.scss index 680830f2..f0e25559 100644 --- a/static/saint-denis/_custom.scss +++ b/static/saint-denis/_custom.scss @@ -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; diff --git a/static/saint-laurent-du-var/_custom.scss b/static/saint-laurent-du-var/_custom.scss index 590c626e..50f8a621 100644 --- a/static/saint-laurent-du-var/_custom.scss +++ b/static/saint-laurent-du-var/_custom.scss @@ -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%; diff --git a/static/saint-lo-agglo/_custom.scss b/static/saint-lo-agglo/_custom.scss index f279a3ac..b5014139 100644 --- a/static/saint-lo-agglo/_custom.scss +++ b/static/saint-lo-agglo/_custom.scss @@ -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; diff --git a/static/saone-et-loire-cd71-2019/_custom.scss b/static/saone-et-loire-cd71-2019/_custom.scss index 4409b21c..88209a1b 100644 --- a/static/saone-et-loire-cd71-2019/_custom.scss +++ b/static/saone-et-loire-cd71-2019/_custom.scss @@ -281,7 +281,7 @@ div.back-home-button { } } -body.has-picture nav::after { +body.has-picture .site-nav::after { top: 0; } diff --git a/static/seine-et-marne-apa/_custom.scss b/static/seine-et-marne-apa/_custom.scss index 3e04ad2d..57563336 100644 --- a/static/seine-et-marne-apa/_custom.scss +++ b/static/seine-et-marne-apa/_custom.scss @@ -123,7 +123,7 @@ body.anonymous-user { // navigation -nav { +.site-nav { z-index: 5; } diff --git a/static/signal-publik/_custom.scss b/static/signal-publik/_custom.scss index 97d00d23..24bab3e8 100644 --- a/static/signal-publik/_custom.scss +++ b/static/signal-publik/_custom.scss @@ -80,7 +80,7 @@ } } -nav { +.site-nav { display: none; } diff --git a/static/sussargues/_custom.scss b/static/sussargues/_custom.scss index f37152b6..3bc1c480 100644 --- a/static/sussargues/_custom.scss +++ b/static/sussargues/_custom.scss @@ -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; diff --git a/static/toodego/_custom.scss b/static/toodego/_custom.scss index c797ed94..4f7b7d78 100644 --- a/static/toodego/_custom.scss +++ b/static/toodego/_custom.scss @@ -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; } } diff --git a/static/toulouse-metropole/_custom.scss b/static/toulouse-metropole/_custom.scss index a88a8b7e..1d998276 100644 --- a/static/toulouse-metropole/_custom.scss +++ b/static/toulouse-metropole/_custom.scss @@ -74,7 +74,7 @@ header { } } -nav { +.site-nav { position: fixed; height: 100%; top: 0; diff --git a/static/toulouse/_custom.scss b/static/toulouse/_custom.scss index e9309b6f..20e0c96b 100644 --- a/static/toulouse/_custom.scss +++ b/static/toulouse/_custom.scss @@ -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 { diff --git a/static/universite-paris-nanterre/_custom.scss b/static/universite-paris-nanterre/_custom.scss index 52db2671..44b07a93 100644 --- a/static/universite-paris-nanterre/_custom.scss +++ b/static/universite-paris-nanterre/_custom.scss @@ -92,6 +92,6 @@ div.textcell { } } -body.has-picture nav::after { +body.has-picture .site-nav::after { top: -12px; } diff --git a/static/vendargues/_custom.scss b/static/vendargues/_custom.scss index 941ee2b1..45db6cc5 100644 --- a/static/vendargues/_custom.scss +++ b/static/vendargues/_custom.scss @@ -15,7 +15,7 @@ div#header { } } -nav { +.site-nav { text-transform: uppercase; } diff --git a/static/venissieux/_custom.scss b/static/venissieux/_custom.scss index b947ae65..0bafccfe 100644 --- a/static/venissieux/_custom.scss +++ b/static/venissieux/_custom.scss @@ -1,7 +1,7 @@ @import '../includes/fonts/oswald'; @import '../includes/fonts/cantarell'; -nav { +.site-nav { display: none; } diff --git a/templates/theme.html b/templates/theme.html index d5ea3817..b5b9410d 100644 --- a/templates/theme.html +++ b/templates/theme.html @@ -80,7 +80,7 @@ {% block nav %} -