taille et alignement map node-type-site

This commit is contained in:
ouidade 2024-11-07 15:07:09 +01:00
parent 4862fcd554
commit 7981d2a13c
6 changed files with 49 additions and 8 deletions

View File

@ -333,7 +333,14 @@ header .header_left_container img {
} }
header .header_right_container { header .header_right_container {
display: none; display: none;
margin: auto; flex: 0 0 0%;
width: 100%;
min-width: fit-content;
background: rgb(7, 50, 194);
text-align: center;
transform: translateX(0);
transition: transform 0.3s ease-in-out;
z-index: -1;
} }
@media (max-width: 660px) { @media (max-width: 660px) {
header .header_right_container { header .header_right_container {
@ -342,11 +349,12 @@ header .header_right_container {
} }
header .header_right_container .language-switcher-language-url { header .header_right_container .language-switcher-language-url {
text-transform: uppercase; text-transform: uppercase;
color: white;
} }
header .header_right_container .language-switcher-language-url ul { header .header_right_container .language-switcher-language-url ul {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
font-size: 0.8rem; font-size: 0.6rem;
padding: 0; padding: 0;
} }
@media (max-width: 660px) { @media (max-width: 660px) {
@ -360,6 +368,10 @@ header .header_right_container .language-switcher-language-url ul {
margin: auto; margin: auto;
} }
} }
header .header_right_container .language-switcher-language-url ul li a {
color: white;
font-family: "gilroy-light";
}
header .header_right_container .language-switcher-language-url ul li:nth-child(1)::after { header .header_right_container .language-switcher-language-url ul li:nth-child(1)::after {
content: " / "; content: " / ";
white-space: pre; white-space: pre;
@ -370,7 +382,7 @@ header .header_right_container .language-switcher-language-url ul li:nth-child(1
} }
} }
header .header_right_container .language-switcher-language-url ul .is-active { header .header_right_container .language-switcher-language-url ul .is-active {
font-weight: 600; font-family: "gilroy-bold";
} }
header .header_nav_container { header .header_nav_container {
flex: 0 0 0%; flex: 0 0 0%;
@ -1375,7 +1387,7 @@ footer {
height: 100%; height: 100%;
} }
#actus-caroussel .content-actus .views-row article.node-type-actualite .field_field_images div div { #actus-caroussel .content-actus .views-row article.node-type-actualite .field_field_images div div {
height: 100%; height: 600px;
} }
#actus-caroussel .content-actus .views-row article.node-type-actualite .field_field_images div div a { #actus-caroussel .content-actus .views-row article.node-type-actualite .field_field_images div div a {
display: block; display: block;
@ -3230,6 +3242,10 @@ main {
} }
#lessites .content_container .view .header_view #block-sitesmap-block { #lessites .content_container .view .header_view #block-sitesmap-block {
margin: auto; margin: auto;
width: 30vw;
}
#lessites .content_container .view .header_view #block-sitesmap-block #sites-map-container {
width: 100%;
} }
@media (max-width: 810px) { @media (max-width: 810px) {
#lessites .content_container .view .header_view #block-sitesmap-block #sites-map-container { #lessites .content_container .view .header_view #block-sitesmap-block #sites-map-container {
@ -3240,6 +3256,7 @@ main {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: center;
width: 85%; width: 85%;
margin: auto; margin: auto;
gap: 20px; gap: 20px;
@ -3247,6 +3264,7 @@ main {
#lessites .content_container .view .views-row-wrapper .views-row { #lessites .content_container .view .views-row-wrapper .views-row {
width: 18%; width: 18%;
margin-bottom: 2rem; margin-bottom: 2rem;
font-size: 0.6rem;
} }
@media (max-width: 810px) { @media (max-width: 810px) {
#lessites .content_container .view .views-row-wrapper .views-row { #lessites .content_container .view .views-row-wrapper .views-row {

View File

@ -25,10 +25,12 @@ function quartiers_de_demain_preprocess_html(&$variables) {
/** /**
* Implements hook_preprocess_HOOK() for page.html.twig. * Implements hook_preprocess_HOOK() for page.html.twig.
*/ */
function quartiers_de_demain_preprocess_page(&$variables) { function quartiers_de_demain_preprocess_page(&$variables) {
} }
/** /**
* Implements hook_preprocess_HOOK() for node.html.twig. * Implements hook_preprocess_HOOK() for node.html.twig.
*/ */

View File

@ -39,8 +39,10 @@ main{
#block-sitesmap-block{ #block-sitesmap-block{
margin: auto; margin: auto;
width: 30vw;
#sites-map-container{ #sites-map-container{
width: 100%;
@media(max-width: 810px){ @media(max-width: 810px){
height: 300px; height: 300px;
} }
@ -53,12 +55,15 @@ main{
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: center;
width: 85%; width: 85%;
margin: auto; margin: auto;
gap: 20px; gap: 20px;
.views-row{ .views-row{
width: 18%; width: 18%;
margin-bottom: 2rem; margin-bottom: 2rem;
font-size: 0.6rem ;
@media(max-width: 810px){ @media(max-width: 810px){
width: 45%; width: 45%;
} }

View File

@ -43,7 +43,7 @@
div{ div{
height: 100%; height: 100%;
div{ div{
height: 100%; height: 600px;
a{ a{
display: block; display: block;

View File

@ -76,17 +76,28 @@ header{
} }
.header_right_container{ .header_right_container{
display: none; display: none;
margin: auto; flex: 0 0 0%;
width: 100%;
min-width: fit-content;
background: $blue_QDD;
text-align: center;
transform: translateX(0);
transition: transform 0.3s ease-in-out;
z-index: -1 ;
@media(max-width: 660px){ @media(max-width: 660px){
padding-right: 0; padding-right: 0;
} }
.language-switcher-language-url{ .language-switcher-language-url{
text-transform: uppercase; text-transform: uppercase;
color: white;
ul{ ul{
display: flex; display: flex;
flex-direction: row; flex-direction: row;
font-size: $font-normal; font-size:0.6rem;
padding: 0; padding: 0;
@media(max-width: 660px){ @media(max-width: 660px){
margin-bottom: 0; margin-bottom: 0;
} }
@ -95,6 +106,11 @@ header{
// margin-bottom: 0; // margin-bottom: 0;
margin: auto; margin: auto;
} }
li a {
color: white;
font-family: 'gilroy-light';
}
li:nth-child(1){ li:nth-child(1){
&::after{ &::after{
content: " / "; content: " / ";
@ -105,7 +121,7 @@ header{
} }
} }
.is-active{ .is-active{
font-weight: 600; font-family: 'gilroy-bold';
} }
} }
} }