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

@media actu

Browse Source
This commit is contained in:
ouidade
2023-07-13 13:35:34 +02:00
parent 654fd62898
commit 640dfe0f44
3 changed files with 73 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/eql/css-compiled/styles.css
+17 -23
View File
@@ -865,10 +865,6 @@ 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; }
@media (max-width: 810px) {
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top {
display: flex;
flex-direction: column; } }
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-block-contente6f826c7-4a3e-479b-8e83-2245dee7f931 { .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; grid-column: 1 / span 10;
width: 100%; width: 100%;
@@ -887,22 +883,19 @@ a {
.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; padding-top: 2rem;
grid-column: 2; } grid-column: 2; }
@media (max-width: 810px) {
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-actu-type {
margin-left: 10%; } }
.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 7; grid-column: 2 /span 7;
margin: 0; } margin: 0; }
@media (max-width: 568px) {
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodetitle {
grid-column: 2 /span 8; } }
@media (max-width: 499px) {
.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; } }
.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: "Source Code Pro";
font-size: 2.5rem; font-size: 2.5rem;
font-weight: 500; } font-weight: 500; }
@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 {
width: 70%;
margin-left: 10%;
margin-right: 10%;
font-size: 1.9em; } }
.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 {
grid-column: 2 / span 3; grid-column: 2 / span 3;
text-transform: uppercase; text-transform: uppercase;
@@ -915,10 +908,6 @@ a {
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-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; }
@media (max-width: 810px) {
.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 {
margin-left: 10%;
font-size: 1rem; } }
.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 {
grid-column: 2 / span 4; grid-column: 2 / span 4;
text-transform: uppercase; text-transform: uppercase;
@@ -929,19 +918,24 @@ a {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: flex-start; } justify-content: flex-start; }
@media (max-width: 810px) {
.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 {
margin-left: 10%;
font-size: 1rem; } }
.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 7; grid-column: 2 /span 7;
margin-top: 1rem; margin-top: 1rem;
font-weight: 800; } font-weight: 800; }
@media (max-width: 810px) { @media (max-width: 568px) {
.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 {
margin-left: 10%; } } grid-column: 2 /span 8; } }
@media (max-width: 499px) {
.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; } }
.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 9; } grid-column: 5 / span 9; }
@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 {
grid-column: 3 /span 9; } }
@media (max-width: 499px) {
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-images {
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 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: 600px; width: 600px;
web/themes/custom/eql/scripts/main.js
+14 -1
View File
@@ -175,7 +175,6 @@ jQuery(function($) {
{ {
breakpoint: 800, breakpoint: 800,
settings: { settings: {
// centerPadding: '0',
adaptiveHeight: true adaptiveHeight: true
} }
}] }]
@@ -184,6 +183,13 @@ jQuery(function($) {
$('.page-node-type-actualite .block-entity-fieldnodefield-images .field--type-image').slick({ $('.page-node-type-actualite .block-entity-fieldnodefield-images .field--type-image').slick({
dots: true, dots: true,
arrows: false, arrows: false,
responsive: [
{
breakpoint: 800,
settings: {
adaptiveHeight: true
}
}]
}); });
console.log('salut slick actus'); console.log('salut slick actus');
$('.page-node-type-projet .block-entity-fieldnodefield-photo .field--type-image').slick({ $('.page-node-type-projet .block-entity-fieldnodefield-photo .field--type-image').slick({
@@ -192,6 +198,13 @@ jQuery(function($) {
arrows: false, arrows: false,
draggable: true, draggable: true,
adaptiveHeight: true, adaptiveHeight: true,
responsive: [
{
breakpoint: 800,
settings: {
adaptiveHeight: true
}
}]
}); });
console.log('salut slick projets'); console.log('salut slick projets');
}); });
web/themes/custom/eql/scss/pages/_actualite.scss
+42 -23
View File
@@ -23,10 +23,10 @@
display: grid; display: grid;
grid-template-columns: 1fr repeat(8, 1fr) 1fr; grid-template-columns: 1fr repeat(8, 1fr) 1fr;
@media (max-width: 810px){ // @media (max-width: 810px){
display: flex; // display: flex;
flex-direction: column; // flex-direction: column;
} // }
.block-block-contente6f826c7-4a3e-479b-8e83-2245dee7f931{ .block-block-contente6f826c7-4a3e-479b-8e83-2245dee7f931{
grid-column: 1 / span 10; grid-column: 1 / span 10;
width: 100%; width: 100%;
@@ -48,24 +48,31 @@
.block-entity-fieldnodefield-actu-type{ .block-entity-fieldnodefield-actu-type{
padding-top: 2rem; padding-top: 2rem;
grid-column: 2; grid-column: 2;
@media (max-width: 810px){ // @media (max-width: 810px){
margin-left: 10%; // margin-left: 10%;
} // }
} }
.block-entity-fieldnodetitle{ .block-entity-fieldnodetitle{
grid-column: 2 /span 7; grid-column: 2 /span 7;
margin: 0; margin: 0;
@media (max-width: 568px){
grid-column: 2 /span 8;
}
@media (max-width: 499px){
grid-column: 2 /span 9;
}
.field--name-title{ .field--name-title{
font-family: "Source Code Pro"; font-family: "Source Code Pro";
font-size: 2.5rem; font-size: 2.5rem;
font-weight: 500; font-weight: 500;
@media (max-width: 810px){ // @media (max-width: 810px){
width: 70%; // width: 70%;
margin-left: 10%; // margin-left: 10%;
margin-right: 10%; // margin-right: 10%;
font-size: 1.9em; // font-size: 1.9em;
} // }
} }
@@ -91,10 +98,10 @@
.field__item{ .field__item{
padding-right: 2 rem; padding-right: 2 rem;
} }
@media (max-width: 810px){ // @media (max-width: 810px){
margin-left: 10%; // margin-left: 10%;
font-size: 1rem; // font-size: 1rem;
} // }
} }
} }
@@ -114,10 +121,10 @@
// padding-left: 1rem; // padding-left: 1rem;
// content: "|"; // content: "|";
// } // }
@media (max-width: 810px){ // @media (max-width: 810px){
margin-left: 10%; // margin-left: 10%;
font-size: 1rem; // font-size: 1rem;
} // }
} }
} }
@@ -125,15 +132,27 @@
grid-column: 2 /span 7; grid-column: 2 /span 7;
margin-top: 1rem; margin-top: 1rem;
font-weight: 800; font-weight: 800;
@media (max-width: 810px){ @media (max-width: 568px){
margin-left: 10%; grid-column: 2 /span 8;
} }
@media (max-width: 499px){
grid-column: 2 /span 9;
}
// @media (max-width: 810px){
// margin-left: 10%;
// }
} }
.block-entity-fieldnodefield-images{ .block-entity-fieldnodefield-images{
// grid-column-start: 5; // grid-column-start: 5;
// grid-column-end: 9; // grid-column-end: 9;
grid-column: 5 / span 9; grid-column: 5 / span 9;
@media (max-width: 568px){
grid-column: 3 /span 9;
}
@media (max-width: 499px){
grid-column: 2 /span 9;
}
img{ img{
padding-top: 2rem; padding-top: 2rem;
width: 600px; width: 600px;