taille et alignement map node-type-site
This commit is contained in:
parent
4862fcd554
commit
7981d2a13c
|
@ -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 {
|
||||||
|
|
|
@ -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.
|
||||||
*/
|
*/
|
||||||
|
|
|
@ -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%;
|
||||||
}
|
}
|
||||||
|
|
|
@ -43,7 +43,7 @@
|
||||||
div{
|
div{
|
||||||
height: 100%;
|
height: 100%;
|
||||||
div{
|
div{
|
||||||
height: 100%;
|
height: 600px;
|
||||||
|
|
||||||
a{
|
a{
|
||||||
display: block;
|
display: block;
|
||||||
|
|
|
@ -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';
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue