bachir/d9-eql
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

size diapo actu

Browse Source
This commit is contained in:
ouidade
2023-10-24 15:05:11 +02:00
parent d5582dca2e
commit 0518b7e10f
3 changed files with 97 additions and 108 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/eql/css-compiled/styles.css
+32 -36
View File
@@ -908,25 +908,12 @@ a {
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top { .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top {
display: grid; display: grid;
grid-template-columns: 1fr repeat(8, 1fr) 1fr; } grid-template-columns: 1fr repeat(8, 1fr) 1fr; }
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-block-contente6f826c7-4a3e-479b-8e83-2245dee7f931 {
grid-column: 1 / span 10;
width: 100%;
font-family: 'Source Code Pro';
font-size: 1.5rem;
font-weight: 800;
color: white;
background-color: #009ee3;
text-transform: uppercase;
padding-left: 13%;
padding-top: 1rem;
padding-bottom: 0.5rem;
vertical-align: middle; }
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-block-contente6f826c7-4a3e-479b-8e83-2245dee7f931 a {
color: white; }
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-actu-type { .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-actu-type {
padding-top: 2rem; order: 5;
grid-column: 2; } grid-column: 2;
margin-top: 1rem; }
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodetitle { .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodetitle {
order: 3;
grid-column: 2 /span 7; grid-column: 2 /span 7;
margin: 0; } margin: 0; }
@media (max-width: 568px) { @media (max-width: 568px) {
@@ -936,18 +923,23 @@ a {
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodetitle { .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodetitle {
grid-column: 2 /span 9; } } grid-column: 2 /span 9; } }
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodetitle .field--name-title { .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodetitle .field--name-title {
font-family: "Source Code Pro"; font-family: "Marianne";
font-size: 2.5rem; font-size: 2.5rem;
font-weight: 500; } font-weight: 800;
line-height: 3rem; }
@media (max-width: 810px) { @media (max-width: 810px) {
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodetitle .field--name-title { .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodetitle .field--name-title {
font-size: 1.9em; } } font-size: 1.9em;
line-height: 2.3rem; } }
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-date { .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-date {
order: 1;
padding-top: 2rem;
grid-column: 2 / span 3; grid-column: 2 / span 3;
text-transform: uppercase; text-transform: uppercase;
color: #09398b; color: #09398b;
font-size: 1.2rem; font-size: 1.2rem;
font-weight: 800; } font-weight: 800;
margin-top: 1rem; }
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-date .field--name-field-date { .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-date .field--name-field-date {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
@@ -955,16 +947,19 @@ a {
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-date .field--name-field-date .field__item { .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-date .field--name-field-date .field__item {
padding-right: 2 rem; } padding-right: 2 rem; }
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-lieu { .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-lieu {
order: 2;
grid-column: 2 / span 4; grid-column: 2 / span 4;
text-transform: uppercase; text-transform: uppercase;
color: #09398b; color: #09398b;
font-size: 1.2rem; font-size: 1.2rem;
font-weight: 800; } font-weight: 800;
margin-top: 1rem; }
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-lieu .field--name-field-lieu { .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-lieu .field--name-field-lieu {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: flex-start; } justify-content: flex-start; }
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-sous-titre { .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-sous-titre {
order: 4;
grid-column: 2 /span 7; grid-column: 2 /span 7;
margin-top: 1rem; margin-top: 1rem;
font-weight: 800; } font-weight: 800; }
@@ -975,19 +970,14 @@ a {
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-sous-titre { .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-sous-titre {
grid-column: 2 /span 9; } } grid-column: 2 /span 9; } }
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-images { .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-images {
grid-column: 5 / span 3; } order: 6;
grid-column: 5 / span 3;
width: 600px; }
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-images img { .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-images img {
padding-top: 2rem; padding-top: 2rem;
width: 100%; width: 100%;
max-height: 360px; max-height: 400px;
object-fit: contain; } object-fit: contain; }
@media (max-width: 1008px) {
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-images {
width: 100%; }
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-images img {
padding-top: 2rem;
width: 100%;
object-fit: contain; } }
@media (max-width: 568px) { @media (max-width: 568px) {
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-images { .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-images {
grid-column: 3 /span 8; } } grid-column: 3 /span 8; } }
@@ -1006,6 +996,8 @@ a {
display: inline-block; } display: inline-block; }
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-images .slick-dots > li:only-child { .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-images .slick-dots > li:only-child {
display: none; } display: none; }
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-images .slick-dotted.slick-slider {
margin-bottom: 0 !important; }
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--first .block-region-first { .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--first .block-region-first {
display: flex; display: flex;
@@ -1098,6 +1090,10 @@ a {
flex: 0 1 80%; flex: 0 1 80%;
margin: auto; } } margin: auto; } }
@media (max-width: 1005px) {
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third {
flex: 0 1 100%; } }
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third { .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@@ -1107,13 +1103,13 @@ a {
margin: auto; } } margin: auto; } }
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .field--name-field-fichiers .field__item { .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .field--name-field-fichiers .field__item {
height: fit-content; height: fit-content;
width: fit-content;
border: 2px solid #009ee3; border: 2px solid #009ee3;
background-color: white; background-color: white;
margin-bottom: 1rem; margin-bottom: 1rem;
min-height: 4rem; min-height: 4rem;
color: #009ee3; color: #009ee3;
padding-left: 1rem; padding: 1rem; }
padding-top: 1rem; }
@media (max-width: 810px) { @media (max-width: 810px) {
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .field--name-field-fichiers .field__item { .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .field--name-field-fichiers .field__item {
width: max-content; width: max-content;
@@ -1136,13 +1132,13 @@ a {
font-weight: 800; } font-weight: 800; }
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-liens .field--name-field-liens .field__item { .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-liens .field--name-field-liens .field__item {
margin: auto; margin: auto;
width: fit-content;
height: fit-content; height: fit-content;
border: 2px solid #009ee3; border: 2px solid #009ee3;
min-height: 4rem; min-height: 4rem;
background: white; background: white;
color: #009ee3; color: #009ee3;
padding-left: 1rem; padding: 1rem;
padding-top: 1rem;
margin-bottom: 1rem; } margin-bottom: 1rem; }
@media (max-width: 810px) { @media (max-width: 810px) {
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-liens .field--name-field-liens .field__item { .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-liens .field--name-field-liens .field__item {
@@ -4519,7 +4515,7 @@ a {
color: #009ee3; color: #009ee3;
left: 25px; } left: 25px; }
.slick-dots { .path-frontpage .slick-dots {
bottom: -40px !important; } bottom: -40px !important; }
/* Slider */ /* Slider */
web/themes/custom/eql/scss/pages/_actualite.scss
+60 -69
View File
@@ -1,3 +1,5 @@
.path-node.page-node-type-actualite{ .path-node.page-node-type-actualite{
.layout-container{ .layout-container{
overflow: unset; overflow: unset;
@@ -7,53 +9,39 @@
} }
.layout--threecol-25-50-25{ .layout--threecol-25-50-25{
// display: grid;
// grid-template-rows: repeat(6, auto);
.layout__region--top{ .layout__region--top{
// grid-row: 1 / span 2;
// background-color: $background-actus;
// height: 40vh;
background: linear-gradient(to bottom, $background-actus 60%, white 40%); background: linear-gradient(to bottom, $background-actus 60%, white 40%);
// padding-right: 1rem;
padding-bottom: 4rem; padding-bottom: 4rem;
.block-region-top{ .block-region-top{
// position: relative;
display: grid; display: grid;
grid-template-columns: 1fr repeat(8, 1fr) 1fr; grid-template-columns: 1fr repeat(8, 1fr) 1fr;
// @media (max-width: 810px){ // .block-block-contente6f826c7-4a3e-479b-8e83-2245dee7f931{
// display: flex; // grid-column: 1 / span 10;
// flex-direction: column; // width: 100%;
// } // font-family: 'Marianne';
.block-block-contente6f826c7-4a3e-479b-8e83-2245dee7f931{ // font-size: 1.5rem;
grid-column: 1 / span 10; // font-weight: 800;
width: 100%; // color: $white;
font-family: 'Source Code Pro'; // background-color: $blue-light;
font-size: 1.5rem; // text-transform: uppercase;
font-weight: 800; // padding-left: 13%;
color: $white; // padding-top: 1rem;
background-color: $blue-light; // padding-bottom: 0.5rem;
text-transform: uppercase; // vertical-align: middle;
padding-left: 13%; // a{
padding-top: 1rem; // color:white;
padding-bottom: 0.5rem; // }
vertical-align: middle; // }
a{
color:white;
}
}
.block-entity-fieldnodefield-actu-type{ .block-entity-fieldnodefield-actu-type{
padding-top: 2rem; order: 5;
grid-column: 2; grid-column: 2;
// @media (max-width: 810px){ margin-top: 1rem;
// margin-left: 10%;
// }
} }
.block-entity-fieldnodetitle{ .block-entity-fieldnodetitle{
order: 3;
grid-column: 2 /span 7; grid-column: 2 /span 7;
margin: 0; margin: 0;
@media (max-width: 568px){ @media (max-width: 568px){
@@ -63,55 +51,45 @@
grid-column: 2 /span 9; grid-column: 2 /span 9;
} }
.field--name-title{ .field--name-title{
font-family: "Source Code Pro"; font-family: "Marianne";
font-size: 2.5rem; font-size: 2.5rem;
font-weight: 500; font-weight: 800;
line-height: 3rem;
@media (max-width: 810px){ @media (max-width: 810px){
// width: 70%;
// margin-left: 10%;
// margin-right: 10%;
font-size: 1.9em; font-size: 1.9em;
} line-height: 2.3rem;
}
} }
} }
.block-entity-fieldnodefield-date{ .block-entity-fieldnodefield-date{
// grid-row: 4 ; order: 1;
padding-top: 2rem;
grid-column: 2 / span 3; grid-column: 2 / span 3;
text-transform: uppercase; text-transform: uppercase;
color: $blue-dark; color: $blue-dark;
font-size: 1.2rem; font-size: 1.2rem;
font-weight: 800; font-weight: 800;
margin-top: 1rem;
.field--name-field-date{ .field--name-field-date{
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: flex-start; justify-content: flex-start;
// .field__item:not(:last-child):after{
// padding-right: 1rem;
// padding-left: 1rem;
// content: "|";
// }
.field__item{ .field__item{
padding-right: 2 rem; padding-right: 2 rem;
} }
// @media (max-width: 810px){
// margin-left: 10%;
// font-size: 1rem;
// }
} }
} }
.block-entity-fieldnodefield-lieu{ .block-entity-fieldnodefield-lieu{
// grid-row: 4 ; order: 2;
grid-column: 2 / span 4; grid-column: 2 / span 4;
text-transform: uppercase; text-transform: uppercase;
color: $blue-dark; color: $blue-dark;
font-size: 1.2rem; font-size: 1.2rem;
font-weight: 800; font-weight: 800;
margin-top: 1rem;
.field--name-field-lieu{ .field--name-field-lieu{
display: flex; display: flex;
flex-direction: row; flex-direction: row;
@@ -129,6 +107,7 @@
} }
.block-entity-fieldnodefield-sous-titre{ .block-entity-fieldnodefield-sous-titre{
order: 4;
grid-column: 2 /span 7; grid-column: 2 /span 7;
margin-top: 1rem; margin-top: 1rem;
font-weight: 800; font-weight: 800;
@@ -141,23 +120,27 @@
} }
.block-entity-fieldnodefield-images{ .block-entity-fieldnodefield-images{
grid-column: 5 / span 3; order: 6;
grid-column: 5 / span 3;
width: 600px;
// background: red;
img{ img{
padding-top: 2rem; padding-top: 2rem;
width: 100%; width: 100%;
max-height: 360px; max-height: 400px;
object-fit: contain; object-fit: contain;
} }
@media (max-width: 1008px){ // @media (max-width: 1008px){
width: 100%; // // width: 100%;
img{ // img{
padding-top: 2rem; // padding-top: 2rem;
width: 100%; // width: 100%;
object-fit: contain; // // max-height: 400px;
} // object-fit: contain;
} // }
// }
@media (max-width: 568px){ @media (max-width: 568px){
grid-column: 3 /span 8; grid-column: 3 /span 8;
} }
@@ -182,6 +165,10 @@
display: none; display: none;
} }
} }
.slick-dotted.slick-slider {
margin-bottom: 0 !important;
}
} }
} }
} }
@@ -330,6 +317,9 @@
.layout__region--third{ .layout__region--third{
// grid-row: 4; // grid-row: 4;
// margin-top: 18rem; // margin-top: 18rem;
@media (max-width: 1005px){
flex: 0 1 100%;
}
.block-region-third{ .block-region-third{
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@@ -340,14 +330,15 @@
.field--name-field-fichiers{ .field--name-field-fichiers{
.field__item{ .field__item{
height: fit-content; height: fit-content;
width: fit-content;
border: 2px solid $blue-light; border: 2px solid $blue-light;
background-color: $white; background-color: $white;
margin-bottom: 1rem; margin-bottom: 1rem;
min-height: 4rem; min-height: 4rem;
// background: $white; // background: $white;
color: $blue-light; color: $blue-light;
padding-left: 1rem; padding: 1rem;
padding-top: 1rem;
@media(max-width:810px){ @media(max-width:810px){
width: max-content; width: max-content;
padding-right: 1rem; padding-right: 1rem;
@@ -381,13 +372,13 @@
.field--name-field-liens{ .field--name-field-liens{
.field__item{ .field__item{
margin: auto; margin: auto;
width: fit-content;
height: fit-content; height: fit-content;
border: 2px solid $blue-light; border: 2px solid $blue-light;
min-height: 4rem; min-height: 4rem;
background: $white; background: $white;
color: $blue-light; color: $blue-light;
padding-left: 1rem; padding: 1rem;
padding-top: 1rem;
margin-bottom: 1rem; margin-bottom: 1rem;
@media(max-width:810px){ @media(max-width:810px){
width: max-content; width: max-content;
web/themes/custom/eql/scss/partials/_slick_custom.scss
+5 -3
View File
@@ -3,6 +3,8 @@
left: 25px; left: 25px;
} }
.slick-dots { .path-frontpage{
bottom: -40px !important; .slick-dots {
} bottom: -40px !important;
}
}