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

taille et alignement map node-type-site

Browse Source
This commit is contained in:
Ouidade Soussi Chiadmi
2024-11-07 15:07:09 +01:00
parent 4862fcd554
commit 7981d2a13c
6 changed files with 49 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

0
web/modules/custom/q2d_mod/assets/css/fontface.scss Normal file
View File

26
web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css vendored
View File

@@ -333,7 +333,14 @@ header .header_left_container img {
}
header .header_right_container {
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) {
header .header_right_container {
@@ -342,11 +349,12 @@ header .header_right_container {
}
header .header_right_container .language-switcher-language-url {
text-transform: uppercase;
color: white;
}
header .header_right_container .language-switcher-language-url ul {
display: flex;
flex-direction: row;
font-size: 0.8rem;
font-size: 0.6rem;
padding: 0;
}
@media (max-width: 660px) {
@@ -360,6 +368,10 @@ header .header_right_container .language-switcher-language-url ul {
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 {
content: " / ";
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 {
font-weight: 600;
font-family: "gilroy-bold";
}
header .header_nav_container {
flex: 0 0 0%;
@@ -1375,7 +1387,7 @@ footer {
height: 100%;
}
#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 {
display: block;
@@ -3230,6 +3242,10 @@ main {
}
#lessites .content_container .view .header_view #block-sitesmap-block {
margin: auto;
width: 30vw;
}
#lessites .content_container .view .header_view #block-sitesmap-block #sites-map-container {
width: 100%;
}
@media (max-width: 810px) {
#lessites .content_container .view .header_view #block-sitesmap-block #sites-map-container {
@@ -3240,6 +3256,7 @@ main {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
width: 85%;
margin: auto;
gap: 20px;
@@ -3247,6 +3264,7 @@ main {
#lessites .content_container .view .views-row-wrapper .views-row {
width: 18%;
margin-bottom: 2rem;
font-size: 0.6rem;
}
@media (max-width: 810px) {
#lessites .content_container .view .views-row-wrapper .views-row {

2
web/themes/custom/quartiers_de_demain/quartiers_de_demain.theme
View File

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

5
web/themes/custom/quartiers_de_demain/src/assets/scss/pages/lessites.scss
View File

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

2
web/themes/custom/quartiers_de_demain/src/assets/scss/partials/actu-caroussel-home.scss
View File

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

22
web/themes/custom/quartiers_de_demain/src/assets/scss/partials/header.scss
View File

@@ -76,17 +76,28 @@ header{
}
.header_right_container{
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){
padding-right: 0;
}
.language-switcher-language-url{
text-transform: uppercase;
color: white;
ul{
display: flex;
flex-direction: row;
font-size: $font-normal;
font-size:0.6rem;
padding: 0;
@media(max-width: 660px){
margin-bottom: 0;
}
@@ -95,6 +106,11 @@ header{
// margin-bottom: 0;
margin: auto;
}
li a {
color: white;
font-family: 'gilroy-light';
}
li:nth-child(1){
&::after{
content: " / ";
@@ -105,7 +121,7 @@ header{
}
}
.is-active{
font-weight: 600;
font-family: 'gilroy-bold';
}
}
}