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

image caption

Browse Source
This commit is contained in:
ouidade
2026-05-21 16:37:24 +02:00
parent 5fff97b92a
commit 85492a5ffe
4 changed files with 95 additions and 125 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/eql/dist/assets/css/bundle.css
Vendored
+44 -65
View File
@@ -511,6 +511,23 @@ svg.ext {
.path-projets-complets .view-projets .field--name-field-equipe .field__label {
display: none;
}
.path-projets-complets .view-projets .field--name-field-region .field__label {
display: none;
}
.path-projets-complets .view-projets .field--name-field-region {
display: flex;
align-items: center;
gap: 0.5rem;
margin-top: 1rem;
}
.path-projets-complets .view-projets .field--name-field-region::before {
content: "";
display: block;
width: 20px;
height: 20px;
background: url("../images/pictos/picto_lieu.svg") no-repeat center;
background-size: contain;
}
.path-projets-complets .view-projets .field--name-field-incube {
order: 4;
display: inline-flex;
@@ -537,23 +554,6 @@ svg.ext {
.path-projets-complets .view-projets .field--name-field-encours-fini {
display: none;
}
.path-projets-complets .view-projets .field--name-field-region .field__label {
display: none;
}
.path-projets-complets .view-projets .field--name-field-region {
display: flex;
align-items: center;
gap: 0.5rem;
margin-bottom: 2rem;
}
.path-projets-complets .view-projets .field--name-field-region::before {
content: "";
display: block;
width: 20px;
height: 20px;
background: url("../images/pictos/picto_lieu.svg") no-repeat center;
background-size: contain;
}
.path-projets-complets .view-projets .field--name-field-etape-du-projet,
.path-projets-complets .view-projets .field--name-field-type-de-projet,
.path-projets-complets .view-projets .field--name-field-type-de-moa {
@@ -592,6 +592,18 @@ svg.ext {
.path-projets-complets .view-projets .field--name-field-textes .field__label {
display: none !important;
}
.path-projets-complets .view-projets .field--name-field-textes ul {
margin-top: 0;
}
.path-projets-complets .view-projets .field--name-field-textes p {
margin-top: 0;
}
.path-projets-complets .view-projets .field--name-field-textes .paragraph--type--texte {
margin-top: 1.5rem;
}
.path-projets-complets .view-projets .field--name-field-textes .paragraph--type--texte .field--name-field-titre {
margin-bottom: 1rem;
}
@media print {
* {
@@ -659,11 +671,11 @@ svg.ext {
.path-projets-complets .layout-content .views-row .projet-header-print .field--name-field-photo .field__items {
height: 100%;
display: grid;
gap: 3px;
gap: 4px;
}
.path-projets-complets .layout-content .views-row .projet-header-print .field--name-field-photo .field__item {
overflow: hidden;
aspect-ratio: 3/2;
overflow: visible;
aspect-ratio: 3.5/2;
}
.path-projets-complets .layout-content .views-row .projet-header-print .field--name-field-photo .field__item img {
width: 100%;
@@ -672,7 +684,14 @@ svg.ext {
display: block;
}
.path-projets-complets .layout-content .views-row .projet-header-print .field--name-field-photo .image-field-caption {
display: none;
display: inline-block;
width: 100%;
z-index: 2;
font-size: 6pt;
line-height: 1;
margin-left: 0;
margin-top: 0;
margin-bottom: 0;
}
.path-projets-complets .layout-content .views-row .projet-header-print .field--name-field-photo .field__items:has(.field__item:only-child) {
grid-template-columns: 1fr;
@@ -692,64 +711,26 @@ svg.ext {
.path-projets-complets .layout-content .views-row .projet-header-print .field--name-title {
order: 2;
font-family: "Marianne";
font-size: 2rem;
font-size: 1rem;
font-weight: 800;
color: rgb(0, 158, 227);
}
}
@media print and (max-width: 1624px) {
.path-projets-complets .layout-content .views-row .projet-header-print .field--name-title {
font-size: 2.3rem;
}
}
@media print and (max-width: 1384px) {
.path-projets-complets .layout-content .views-row .projet-header-print .field--name-title {
font-size: 2rem;
}
}
@media print and (max-width: 1216px) {
.path-projets-complets .layout-content .views-row .projet-header-print .field--name-title {
font-size: 2rem;
}
}
@media print and (max-width: 810px) {
.path-projets-complets .layout-content .views-row .projet-header-print .field--name-title {
font-size: 1.7rem;
}
}
@media print {
.path-projets-complets .layout-content .views-row .projet-header-print .field--name-title a {
color: rgb(0, 158, 227);
}
.path-projets-complets .layout-content .views-row .projet-header-print .field--name-field-equipe {
order: 3;
color: rgb(9, 57, 139);
font-size: 1.5rem;
font-size: 0.9rem;
font-weight: 900;
text-transform: uppercase;
}
}
@media print and (max-width: 1624px) {
.path-projets-complets .layout-content .views-row .projet-header-print .field--name-field-equipe {
font-size: 1.3rem;
}
}
@media print and (max-width: 1216px) {
.path-projets-complets .layout-content .views-row .projet-header-print .field--name-field-equipe {
font-size: 1.1rem;
}
}
@media print and (max-width: 810px) {
.path-projets-complets .layout-content .views-row .projet-header-print .field--name-field-equipe {
font-size: 1rem;
}
}
@media print {
.path-projets-complets .layout-content .views-row .projet-header-print .field--name-field-equipe .field__label {
display: none;
}
.path-projets-complets .layout-content .views-row .projet-header-print .field--name-field-incube {
order: 4;
font-size: 8pt;
display: inline-flex;
width: fit-content;
background-color: rgb(225, 0, 15);
@@ -758,7 +739,6 @@ svg.ext {
padding-right: 0.3rem;
padding-left: 0.2rem;
margin-bottom: 1rem;
margin-top: 1rem;
}
.path-projets-complets .layout-content .views-row .projet-header-print .field--name-field-incube::before {
content: " Projet ";
@@ -778,7 +758,6 @@ svg.ext {
display: flex;
align-items: center;
gap: 0.5rem;
margin-bottom: 2rem;
}
.path-projets-complets .layout-content .views-row .projet-header-print .field--name-field-region::before {
content: "";
@@ -824,7 +803,7 @@ svg.ext {
.path-projets-complets .layout-content .views-row .projet-header-print .field--name-field-type-de-projet .field__label,
.path-projets-complets .layout-content .views-row .projet-header-print .field--name-field-type-de-moa .field__label {
color: rgb(9, 57, 139);
font-size: 1.2rem;
font-size: 0.9pt;
font-weight: 900;
text-transform: uppercase;
margin-bottom: 0 !important;
web/themes/custom/eql/scss/global/print/_projets-complets-ecran.scss
+27 -19
View File
@@ -140,7 +140,24 @@
display: none;
}
}
.field--name-field-region {
.field__label{
display: none;
}
display: flex;
align-items: center;
gap: 0.5rem;
margin-top: 1rem;
&::before {
content: "";
display: block;
width: 20px;
height: 20px;
background: url("../images/pictos/picto_lieu.svg") no-repeat center;
background-size: contain;
}
}
.field--name-field-incube {
order: 4;
display: inline-flex;
@@ -171,24 +188,7 @@
.field--name-field-encours-fini {
display: none;
}
.field--name-field-region {
.field__label{
display: none;
}
display: flex;
align-items: center;
gap: 0.5rem;
margin-bottom: 2rem;
&::before {
content: "";
display: block;
width: 20px;
height: 20px;
background: url("../images/pictos/picto_lieu.svg") no-repeat center;
background-size: contain;
}
}
.field--name-field-etape-du-projet,
.field--name-field-type-de-projet,
@@ -221,6 +221,14 @@
.field__label{
display: none !important;
}
ul{margin-top: 0;}
p{margin-top: 0;}
.paragraph--type--texte{
margin-top: 1.5rem;
.field--name-field-titre{
margin-bottom: 1rem;
}
}
}
///// ///////////
web/themes/custom/eql/scss/global/print/_projets-complets-print.scss
+23 -40
View File
@@ -81,12 +81,13 @@
.field__items {
height: 100%;
display: grid;
gap: 3px;
gap: 4px;
}
.field__item {
overflow: hidden;
aspect-ratio: 3 / 2;
overflow: visible;
aspect-ratio: 3.5/2;
// aspect-ratio: 4/2;
}
.field__item img {
@@ -97,7 +98,14 @@
}
.image-field-caption {
display: none;
display: inline-block;
width: 100%;
z-index: 2;
font-size: 6pt;
line-height: 1;
margin-left: 0;
margin-top: 0;
margin-bottom: 0;
}
// 1 seule image
@@ -132,26 +140,10 @@
.field--name-title {
order: 2;
font-family: "Marianne";
font-size: 2rem;
font-size: 1rem;
font-weight: 800;
color: $blue-light;
@media (max-width: 1624px) {
font-size: 2.3rem;
}
@media (max-width: 1384px) {
font-size: 2rem;
}
@media (max-width: 1216px) {
font-size: 2rem;
}
@media (max-width: 810px) {
font-size: 1.7rem;
}
a {
color: $blue-light;
}
@@ -160,22 +152,10 @@
.field--name-field-equipe {
order: 3;
color: $blue-dark;
font-size: 1.5rem;
font-size: 0.9rem;
font-weight: 900;
text-transform: uppercase;
@media (max-width: 1624px) {
font-size: 1.3rem;
}
@media (max-width: 1216px) {
font-size: 1.1rem;
}
@media (max-width: 810px) {
font-size: 1rem;
}
.field__label {
display: none;
}
@@ -183,6 +163,7 @@
.field--name-field-incube {
order: 4;
font-size: 8pt;
display: inline-flex;
width: fit-content;
background-color: $red;
@@ -191,7 +172,7 @@
padding-right: 0.3rem;
padding-left: 0.2rem;
margin-bottom: 1rem;
margin-top: 1rem;
// margin-top: 1rem;
// flex-direction: row;
&::before {
@@ -215,9 +196,7 @@
.field--name-field-region {
display: flex;
align-items: center;
gap: 0.5rem;
margin-bottom: 2rem;
gap: 0.5rem;
&::before {
content: "";
display: block;
@@ -271,7 +250,7 @@
.field__label {
color: $blue-dark;
font-size: 1.2rem;
font-size: 0.9pt;
font-weight: 900;
text-transform: uppercase;
margin-bottom: 0 !important;
@@ -313,6 +292,10 @@
height: auto !important;
object-fit: contain !important;
display: block;
}
blockquote{
}
}
}
web/themes/custom/eql/templates/node--view--projets.html.twig
+1 -1
View File
@@ -108,11 +108,11 @@
{{ content.field_photo }}
{{ content.title }}
{{ content.field_equipe }}
{{ content.field_region }}
{{ content.field_incube }}
</div>
<div class="projet-body-print">
{{ content.field_region }}
{{ content.field_type_de_moa }}
{{ content.field_type_de_projet }}
{{ content.field_etape_du_projet }}