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

layout type images

Browse Source
This commit is contained in:
ouidade
2025-06-05 15:02:34 +02:00
parent 17bc052b3c
commit 4ca6e0cf70
2 changed files with 266 additions and 187 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/eql/dist/assets/css/bundle.css
Vendored
+118 -82
View File
@@ -6703,88 +6703,6 @@ article.node-type-ressource :visited {
article.node-type-ressource a {
color: black;
}
article.node-type-ressource.type-publications-issues-du-programme-eqld {
min-width: 300px;
}
article.node-type-ressource.type-publications-issues-du-programme-eqld .wrapper-ressource {
display: grid;
grid-template-columns: 1fr 1.8fr;
grid-template-rows: repeat(5 1fr);
}
article.node-type-ressource.type-publications-issues-du-programme-eqld .wrapper-ressource .field--name-field-type-de-ressource {
order: 2;
grid-row: 2;
grid-column: 1/span 2;
margin-bottom: 0.5rem;
}
article.node-type-ressource.type-publications-issues-du-programme-eqld .wrapper-ressource .field--name-field-type-de-media {
order: 1;
grid-row: 1;
grid-column: 1/span 2;
}
article.node-type-ressource.type-publications-issues-du-programme-eqld .wrapper-ressource .field--name-field-images {
order: 3;
grid-row: 3/span 5;
height: auto;
width: 90%;
}
article.node-type-ressource.type-publications-issues-du-programme-eqld .wrapper-ressource .field--name-field-images img {
height: auto;
width: 90%;
border: 1px solid #a3a3a3;
}
article.node-type-ressource.type-publications-issues-du-programme-eqld .wrapper-ressource .field--name-title {
grid-row: 3;
margin-top: 0;
padding-bottom: 0.8rem;
}
article.node-type-ressource.type-publications-issues-du-programme-eqld .wrapper-ressource .field--name-title h2 {
margin-left: 0 !important;
line-height: 0;
}
article.node-type-ressource.type-publications-issues-du-programme-eqld .wrapper-ressource .field--name-title h2 a {
color: rgb(0, 158, 227);
font-size: 1.3rem;
font-style: normal;
}
article.node-type-ressource.type-publications-issues-du-programme-eqld .wrapper-ressource .field--name-field-sous-titre {
margin-top: 0;
line-height: 1;
}
article.node-type-ressource.type-publications-issues-du-programme-eqld .wrapper-ressource .field--name-field-sous-titre a,
article.node-type-ressource.type-publications-issues-du-programme-eqld .wrapper-ressource .field--name-field-sous-titre a:visited {
grid-row: 4;
color: rgb(0, 158, 227);
font-size: 1rem;
font-weight: 800;
}
article.node-type-ressource.type-publications-issues-du-programme-eqld .wrapper-ressource .field--name-field-edition {
grid-row: 6;
line-height: 1.1;
}
article.node-type-ressource.type-publications-issues-du-programme-eqld .wrapper-ressource .field--name-field-date-de-parution {
grid-row: 7;
}
article.node-type-ressource.type-publications-issues-du-programme-eqld .wrapper-ressource .field--name-field-mots-clefs {
grid-row: 8;
margin-top: 0.5rem;
left: -0.2rem;
position: relative;
}
article.node-type-ressource.type-paroles-de-laureats .wrapper-ressource .field--name-field-type-de-ressource {
order: 2;
}
article.node-type-ressource.type-paroles-de-laureats .wrapper-ressource .field--name-field-type-de-media {
order: 1;
}
article.node-type-ressource.type-paroles-de-laureats .wrapper-ressource .field--name-field-images {
order: 3;
}
@media (max-width: 479px) {
article.node-type-ressource {
margin-left: 0;
}
}
article.node-type-ressource .wrapper-ressource {
display: flex;
flex-direction: column;
@@ -6906,6 +6824,124 @@ article.node-type-ressource .wrapper-ressource .field--name-field-mots-clefs .fi
article.node-type-ressource .wrapper-ressource ul.links.inline {
display: none;
}
article.node-type-ressource.type-publications-issues-du-programme-eqld {
min-width: 300px;
}
article.node-type-ressource.type-publications-issues-du-programme-eqld .wrapper-ressource {
display: grid;
grid-template-columns: 1fr 1.8fr;
grid-template-rows: repeat(5 1fr);
}
article.node-type-ressource.type-publications-issues-du-programme-eqld .wrapper-ressource .field--name-field-type-de-ressource {
order: 2;
grid-row: 2;
grid-column: 1/span 2;
margin-bottom: 0.5rem;
}
article.node-type-ressource.type-publications-issues-du-programme-eqld .wrapper-ressource .field--name-field-type-de-media {
order: 1;
grid-row: 1;
grid-column: 1/span 2;
}
article.node-type-ressource.type-publications-issues-du-programme-eqld .wrapper-ressource .field--name-field-images {
order: 3;
grid-row: 3/span 5;
height: auto;
width: 90%;
}
article.node-type-ressource.type-publications-issues-du-programme-eqld .wrapper-ressource .field--name-field-images img {
height: auto;
width: 90%;
border: 1px solid #a3a3a3;
}
article.node-type-ressource.type-publications-issues-du-programme-eqld .wrapper-ressource .field--name-title {
grid-row: 3;
margin-top: 0;
padding-bottom: 0.8rem;
}
article.node-type-ressource.type-publications-issues-du-programme-eqld .wrapper-ressource .field--name-title h2 {
margin-left: 0 !important;
line-height: 0;
}
article.node-type-ressource.type-publications-issues-du-programme-eqld .wrapper-ressource .field--name-title h2 a {
color: rgb(0, 158, 227);
font-size: 1.3rem;
font-style: normal;
}
article.node-type-ressource.type-publications-issues-du-programme-eqld .wrapper-ressource .field--name-field-sous-titre {
margin-top: 0;
line-height: 1;
}
article.node-type-ressource.type-publications-issues-du-programme-eqld .wrapper-ressource .field--name-field-sous-titre a,
article.node-type-ressource.type-publications-issues-du-programme-eqld .wrapper-ressource .field--name-field-sous-titre a:visited {
grid-row: 4;
color: rgb(0, 158, 227);
font-size: 1rem;
font-weight: 800;
}
article.node-type-ressource.type-publications-issues-du-programme-eqld .wrapper-ressource .field--name-field-edition {
grid-row: 6;
line-height: 1.1;
}
article.node-type-ressource.type-publications-issues-du-programme-eqld .wrapper-ressource .field--name-field-date-de-parution {
grid-row: 7;
}
article.node-type-ressource.type-publications-issues-du-programme-eqld .wrapper-ressource .field--name-field-mots-clefs {
grid-row: 8;
margin-top: 0.5rem;
left: -0.2rem;
position: relative;
}
article.node-type-ressource.type-paroles-de-laureats .wrapper-ressource .field--name-field-type-de-ressource {
order: 2;
}
article.node-type-ressource.type-paroles-de-laureats .wrapper-ressource .field--name-field-type-de-media {
order: 1;
}
article.node-type-ressource.type-paroles-de-laureats .wrapper-ressource .field--name-field-images {
order: 3;
}
@media (max-width: 479px) {
article.node-type-ressource {
margin-left: 0;
}
}
article.node-type-ressource.type-presse .field--name-field-images {
display: none;
}
article.node-type-ressource.type-les-projets-en-images .wrapper-ressource {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: repeat(5 1fr);
}
article.node-type-ressource.type-les-projets-en-images .wrapper-ressource .field--name-field-type-de-ressource {
order: 2;
grid-row: 2;
grid-column: 1/span 2;
margin-bottom: 0.5rem;
}
article.node-type-ressource.type-les-projets-en-images .wrapper-ressource .field--name-field-type-de-media {
order: 1;
grid-row: 1;
grid-column: 1/span 2;
}
article.node-type-ressource.type-les-projets-en-images .wrapper-ressource .field--name-field-images {
order: 3;
grid-column: 1;
grid-row: 3/span 5;
height: auto;
width: 400px !important;
}
article.node-type-ressource.type-les-projets-en-images .wrapper-ressource .field--name-field-images img {
height: auto;
width: 90%;
border: 1px solid #a3a3a3;
}
article.node-type-ressource.type-les-projets-en-images .wrapper-ressource .field--name-title,
article.node-type-ressource.type-les-projets-en-images .wrapper-ressource .field--name-field-sous-titre,
article.node-type-ressource.type-les-projets-en-images .wrapper-ressource .field--name-field-auteur-s-,
article.node-type-ressource.type-les-projets-en-images .wrapper-ressource .field--name-field-edition,
article.node-type-ressource.type-les-projets-en-images .wrapper-ressource .field--name-field-date-de-parution,
article.node-type-ressource.type-les-projets-en-images .wrapper-ressource .field--name-field-mots-clefs {
grid-column: 2;
}
web/themes/custom/eql/scss/partials/_node-type-ressource-teaser.scss
+148 -105
View File
@@ -14,111 +14,6 @@ article.node-type-ressource{
a{
color: black;
}
&.type-publications-issues-du-programme-eqld{
// background-color: $background-actus;
min-width: 300px;
.wrapper-ressource{
display: grid;
grid-template-columns: 1fr 1.8fr;
grid-template-rows: repeat(5 1fr);
.field--name-field-type-de-ressource{
order: 2;
grid-row: 2;
grid-column: 1 /span 2;
margin-bottom: 0.5rem;
}
.field--name-field-type-de-media{
order: 1;
grid-row: 1;
grid-column: 1 /span 2;
}
.field--name-field-images{
order: 3;
grid-row: 3 /span 5;
height: auto;
width: 90%;
img{
height: auto;
width: 90%;
border: 1px solid #a3a3a3;
}
}
.field--name-title{
grid-row: 3;
margin-top: 0;
padding-bottom: 0.8rem;
h2{
margin-left: 0 !important;
line-height: 0;
a{
color: $blue-light;
font-size: 1.3rem;
font-style: normal;
}
}
}
.field--name-field-sous-titre{
margin-top: 0;
line-height: 1;
a,
a:visited{
grid-row: 4;
color: $blue-light;
font-size: 1rem;
font-weight: 800;
}
}
.field--name-field-auteur-s-{
// grid-row: 5;
}
.field--name-field-edition{
grid-row: 6;
line-height: 1.1;
}
.field--name-field-date-de-parution{
grid-row: 7;
}
.field--name-field-mots-clefs{
grid-row: 8;
margin-top: 0.5rem;
left: -0.2rem;
position: relative;
}
}
}
&.type-paroles-de-laureats{
.wrapper-ressource{
.field--name-field-type-de-ressource{
order: 2;
}
.field--name-field-type-de-media{
order: 1;
}
.field--name-field-images{
order: 3;
}
.field--name-title{
}
.field--name-field-sous-titre{
}
.field--name-field-auteur-s-{
}
.field--name-field-edition{
}
.field--name-field-date-de-parution{
}
.field--name-field-mots-clefs{
}
}
// background-color: $background-actus;
}
@media (max-width: 479px) {
margin-left: 0;
}
.wrapper-ressource{
display: flex;
flex-direction: column;
@@ -246,9 +141,157 @@ article.node-type-ressource{
}
}
&.type-publications-issues-du-programme-eqld{
// background-color: $background-actus;
min-width: 300px;
.wrapper-ressource{
display: grid;
grid-template-columns: 1fr 1.8fr;
grid-template-rows: repeat(5 1fr);
.field--name-field-type-de-ressource{
order: 2;
grid-row: 2;
grid-column: 1 /span 2;
margin-bottom: 0.5rem;
}
.field--name-field-type-de-media{
order: 1;
grid-row: 1;
grid-column: 1 /span 2;
}
.field--name-field-images{
order: 3;
grid-row: 3 /span 5;
height: auto;
width: 90%;
img{
height: auto;
width: 90%;
border: 1px solid #a3a3a3;
}
}
.field--name-title{
grid-row: 3;
margin-top: 0;
padding-bottom: 0.8rem;
h2{
margin-left: 0 !important;
line-height: 0;
a{
color: $blue-light;
font-size: 1.3rem;
font-style: normal;
}
}
}
.field--name-field-sous-titre{
margin-top: 0;
line-height: 1;
a,
a:visited{
grid-row: 4;
color: $blue-light;
font-size: 1rem;
font-weight: 800;
}
}
.field--name-field-auteur-s-{
// grid-row: 5;
}
.field--name-field-edition{
grid-row: 6;
line-height: 1.1;
}
.field--name-field-date-de-parution{
grid-row: 7;
}
.field--name-field-mots-clefs{
grid-row: 8;
margin-top: 0.5rem;
left: -0.2rem;
position: relative;
}
}
}
&.type-paroles-de-laureats{
.wrapper-ressource{
.field--name-field-type-de-ressource{
order: 2;
}
.field--name-field-type-de-media{
order: 1;
}
.field--name-field-images{
order: 3;
}
.field--name-title{
}
.field--name-field-sous-titre{
}
.field--name-field-auteur-s-{
}
.field--name-field-edition{
}
.field--name-field-date-de-parution{
}
.field--name-field-mots-clefs{
}
}
// background-color: $background-actus;
}
@media (max-width: 479px) {
margin-left: 0;
}
&.type-presse{
.field--name-field-images{
display: none;
}
}
&.type-les-projets-en-images{
// width: 500px !important;
.wrapper-ressource{
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: repeat(5 1fr);
.field--name-field-type-de-ressource{
order: 2;
grid-row: 2;
grid-column: 1 /span 2;
margin-bottom: 0.5rem;
}
.field--name-field-type-de-media{
order: 1;
grid-row: 1;
grid-column: 1 /span 2;
}
.field--name-field-images{
order: 3;
grid-column: 1 ;
grid-row: 3 /span 5;
height: auto;
// width: 90%;
width: 400px !important;
img{
height: auto;
width: 90%;
border: 1px solid #a3a3a3;
}
}
.field--name-title,
.field--name-field-sous-titre,
.field--name-field-auteur-s-,
.field--name-field-edition,
.field--name-field-date-de-parution,
.field--name-field-mots-clefs{
grid-column: 2;
}
}
}
}