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

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

@ -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,10 +205,12 @@ 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 {
text-transform: uppercase; }
header .header_right_container .language-switcher-language-url ul {
display: flex;
flex-direction: row;

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
(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);

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

@ -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;