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

Compare commits

base: bachir:a6f95e4cc44f2e33a3aaf3ac5972e7302be755c1
Branches Tags
bachir:master
bachir:stage
bachir:prod
bachir:prd
..
compare: bachir:016518afa56d3a1a479eb33f071a32f2dff93aac
Branches Tags
bachir:master
bachir:stage
bachir:prod
bachir:prd

No commits in common. "a6f95e4cc44f2e33a3aaf3ac5972e7302be755c1" and "016518afa56d3a1a479eb33f071a32f2dff93aac" have entirely different histories.
a6f95e4cc4 ... 016518afa5

3 changed files with 28 additions and 32 deletions
Show Stats Expand all files Collapse all files

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

@ -148,6 +148,7 @@ 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;
@ -205,24 +206,22 @@ header {
header .header_left_container img { header .header_left_container img {
height: 50px; } } height: 50px; } }
header .header_right_container { header .header_right_container {
padding-left: calc(100% /4); } padding-right: 10px; }
@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 { header .header_right_container .language-switcher-language-url ul {
text-transform: uppercase; } display: flex;
header .header_right_container .language-switcher-language-url ul { flex-direction: row;
display: flex; font-size: 0.8rem;
flex-direction: row; padding: 0; }
font-size: 0.8rem; @media (max-width: 660px) {
padding: 0; } header .header_right_container .language-switcher-language-url ul {
@media (max-width: 660px) { margin-bottom: 0; } }
header .header_right_container .language-switcher-language-url ul { header .header_right_container .language-switcher-language-url ul li:nth-child(1)::after {
margin-bottom: 0; } } content: "/"; }
header .header_right_container .language-switcher-language-url ul li:nth-child(1)::after { header .header_right_container .language-switcher-language-url ul .is-active {
content: "/"; } font-weight: 600; }
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,14 +70,11 @@ header{
} }
} }
.header_right_container{ .header_right_container{
// padding-right: 30%; padding-right: 10px;
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;