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

Compare commits

base: bachir:016518afa56d3a1a479eb33f071a32f2dff93aac
Branches Tags
bachir:master bachir:stage bachir:prod bachir:newPages bachir:live bachir:tmp bachir:avantLive bachir:prd
...
compare: bachir:a6f95e4cc44f2e33a3aaf3ac5972e7302be755c1
Branches Tags
bachir:master bachir:stage bachir:prod bachir:newPages bachir:live bachir:tmp bachir:avantLive bachir:prd

2 Commits
016518afa5 ... a6f95e4cc4

Author SHA1 Message Date
ouidade
a6f95e4cc4 Merge branch 'master' of gitea-figureslibres.io:bachir/drupal-quartiersdedemain 2024-03-07 10:09:20 +01:00
ouidade
c391226f1f css header 2024-03-06 14:57:51 +01:00
3 changed files with 32 additions and 28 deletions
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;