bachir
/
drupal-quartiersdedemain
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

css header

This commit is contained in:
ouidade 2024-03-06 14:57:51 +01:00
parent 4853f2d7ab
commit c391226f1f
3 changed files with 32 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
web/themes/custom/quartiers_de_demain/css/quartiers_de_demain.css
View File

@ -148,7 +148,6 @@ svg.ext {
header { header {
display: grid; display: grid;
grid-template-columns: repeat(12, 1fr); grid-template-columns: repeat(12, 1fr);
grid-gap: 10px;
grid-template-rows: repeat(3, 1fr); grid-template-rows: repeat(3, 1fr);
height: 150px; height: 150px;
background-color: white; background-color: white;
@ -206,22 +205,24 @@ header {
header .header_left_container img { header .header_left_container img {
height: 50px; } } height: 50px; } }
header .header_right_container { header .header_right_container {
padding-right: 10px; } padding-left: calc(100% /4); }
@media (max-width: 660px) { @media (max-width: 660px) {
header .header_right_container { header .header_right_container {
padding-right: 0; } } padding-right: 0; } }
header .header_right_container .language-switcher-language-url ul { header .header_right_container .language-switcher-language-url {
display: flex; text-transform: uppercase; }
flex-direction: row; header .header_right_container .language-switcher-language-url ul {
font-size: 0.8rem; display: flex;
padding: 0; } flex-direction: row;
@media (max-width: 660px) { font-size: 0.8rem;
header .header_right_container .language-switcher-language-url ul { padding: 0; }
margin-bottom: 0; } } @media (max-width: 660px) {
header .header_right_container .language-switcher-language-url ul li:nth-child(1)::after { header .header_right_container .language-switcher-language-url ul {
content: "/"; } margin-bottom: 0; } }
header .header_right_container .language-switcher-language-url ul .is-active { header .header_right_container .language-switcher-language-url ul li:nth-child(1)::after {
font-weight: 600; } content: "/"; }
header .header_right_container .language-switcher-language-url ul .is-active {
font-weight: 600; }
header .header_nav_container { header .header_nav_container {
display: none; display: none;
grid-row: 3; grid-row: 3;

24
web/themes/custom/quartiers_de_demain/js/quartiers_de_demain.js
View File

@ -43,20 +43,20 @@
// //// ancre dans texte au click parragraphe correspondant arrive en dessous du header // //// ancre dans texte au click parragraphe correspondant arrive en dessous du header
(function($, window) { // (function($, window) {
var adjustAnchor = function() { // var adjustAnchor = function() {
var $anchor = $('.sidebar_first_container'), // var $anchor = $('.sidebar_first_container'),
fixedElementHeight = 350; // fixedElementHeight = 350;
if ($anchor.length > 0) { // if ($anchor.length > 0) {
$('html, body').stop().animate({scrollTop: $anchor.offset().top - fixedElementHeight }, 0); // $('html, body').stop().animate({scrollTop: $anchor.offset().top - fixedElementHeight }, 0);
} // }
}; // };
$(window).on('hashchange', function() { // $(window).on('hashchange', function() {
adjustAnchor(); // adjustAnchor();
}); // });
})(jQuery, window); // })(jQuery, window);

7
web/themes/custom/quartiers_de_demain/scss/partials/_header.scss
View File

@ -1,7 +1,7 @@
header{ header{
display: grid; display: grid;
grid-template-columns: repeat(12, 1fr); grid-template-columns: repeat(12, 1fr);
grid-gap: 10px; // grid-gap: 10px;
grid-template-rows: repeat(3, 1fr); grid-template-rows: repeat(3, 1fr);
height: $header-height; height: $header-height;
background-color: $white-header; background-color: $white-header;
@ -70,11 +70,14 @@ header{
} }
} }
.header_right_container{ .header_right_container{
padding-right: 10px; // padding-right: 30%;
padding-left: calc(100% /4);
@media(max-width: 660px){ @media(max-width: 660px){
padding-right: 0; padding-right: 0;
} }
.language-switcher-language-url{ .language-switcher-language-url{
// padding-left: 30%;
text-transform: uppercase;
ul{ ul{
display: flex; display: flex;
flex-direction: row; flex-direction: row;