diff --git a/web/themes/custom/quartiers_de_demain/css/quartiers_de_demain.css b/web/themes/custom/quartiers_de_demain/css/quartiers_de_demain.css index 9a6d877..37cddcc 100644 --- a/web/themes/custom/quartiers_de_demain/css/quartiers_de_demain.css +++ b/web/themes/custom/quartiers_de_demain/css/quartiers_de_demain.css @@ -148,7 +148,6 @@ svg.ext { header { display: grid; grid-template-columns: repeat(12, 1fr); - grid-gap: 10px; grid-template-rows: repeat(3, 1fr); height: 150px; background-color: white; @@ -206,22 +205,24 @@ header { header .header_left_container img { height: 50px; } } header .header_right_container { - padding-right: 10px; } + padding-left: calc(100% /4); } @media (max-width: 660px) { header .header_right_container { padding-right: 0; } } - header .header_right_container .language-switcher-language-url ul { - display: flex; - flex-direction: row; - font-size: 0.8rem; - padding: 0; } - @media (max-width: 660px) { - header .header_right_container .language-switcher-language-url ul { - margin-bottom: 0; } } - header .header_right_container .language-switcher-language-url ul li:nth-child(1)::after { - content: "/"; } - header .header_right_container .language-switcher-language-url ul .is-active { - font-weight: 600; } + header .header_right_container .language-switcher-language-url { + text-transform: uppercase; } + header .header_right_container .language-switcher-language-url ul { + display: flex; + flex-direction: row; + font-size: 0.8rem; + padding: 0; } + @media (max-width: 660px) { + header .header_right_container .language-switcher-language-url ul { + margin-bottom: 0; } } + header .header_right_container .language-switcher-language-url ul li:nth-child(1)::after { + content: "/"; } + header .header_right_container .language-switcher-language-url ul .is-active { + font-weight: 600; } header .header_nav_container { display: none; grid-row: 3; diff --git a/web/themes/custom/quartiers_de_demain/js/quartiers_de_demain.js b/web/themes/custom/quartiers_de_demain/js/quartiers_de_demain.js index 9dbcecc..4c9378c 100644 --- a/web/themes/custom/quartiers_de_demain/js/quartiers_de_demain.js +++ b/web/themes/custom/quartiers_de_demain/js/quartiers_de_demain.js @@ -43,20 +43,20 @@ // //// ancre dans texte au click parragraphe correspondant arrive en dessous du header -(function($, window) { - var adjustAnchor = function() { - var $anchor = $('.sidebar_first_container'), - fixedElementHeight = 350; - if ($anchor.length > 0) { - $('html, body').stop().animate({scrollTop: $anchor.offset().top - fixedElementHeight }, 0); - } - }; +// (function($, window) { +// var adjustAnchor = function() { +// var $anchor = $('.sidebar_first_container'), +// fixedElementHeight = 350; +// if ($anchor.length > 0) { +// $('html, body').stop().animate({scrollTop: $anchor.offset().top - fixedElementHeight }, 0); +// } +// }; - $(window).on('hashchange', function() { - adjustAnchor(); - }); +// $(window).on('hashchange', function() { +// adjustAnchor(); +// }); -})(jQuery, window); +// })(jQuery, window); diff --git a/web/themes/custom/quartiers_de_demain/scss/partials/_header.scss b/web/themes/custom/quartiers_de_demain/scss/partials/_header.scss index d8f0c70..1962d26 100644 --- a/web/themes/custom/quartiers_de_demain/scss/partials/_header.scss +++ b/web/themes/custom/quartiers_de_demain/scss/partials/_header.scss @@ -1,7 +1,7 @@ header{ display: grid; grid-template-columns: repeat(12, 1fr); - grid-gap: 10px; + // grid-gap: 10px; grid-template-rows: repeat(3, 1fr); height: $header-height; background-color: $white-header; @@ -70,11 +70,14 @@ header{ } } .header_right_container{ - padding-right: 10px; + // padding-right: 30%; + padding-left: calc(100% /4); @media(max-width: 660px){ padding-right: 0; } .language-switcher-language-url{ + // padding-left: 30%; + text-transform: uppercase; ul{ display: flex; flex-direction: row;