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

header print

Browse Source
This commit is contained in:
ouidade
2026-04-09 14:59:16 +02:00
parent 6ebe96cfa2
commit 86135fb150
4 changed files with 128 additions and 83 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/eql/dist/assets/css/bundle.css
Vendored
+54 -24
View File
@@ -390,6 +390,22 @@ svg.ext {
.path-projets-complets span {
display: none;
}
.path-projets-complets .print-header {
display: none;
}
.path-projets-complets .print-header img {
width: 2cm;
height: auto;
}
.path-projets-complets .print-header__text {
text-transform: uppercase;
font-family: "Source Code Pro";
color: rgb(9, 57, 139);
font-size: 0.8rem;
font-weight: 500;
text-transform: uppercase;
text-align: end;
}
.path-projets-complets .node-type-projet {
border-bottom: 1px solid black;
padding-bottom: 5rem;
@@ -492,18 +508,23 @@ svg.ext {
}
.path-projets-complets .field--name-field-incube {
order: 4;
display: inline-flex;
width: fit-content;
background-color: rgb(225, 0, 15);
color: white;
font-weight: 800;
padding-right: 0.3rem;
padding-left: 0.2rem;
flex-direction: row;
margin-bottom: 1rem;
margin-top: 1rem;
}
.path-projets-complets .field--name-field-incube::before {
content: " Projet ";
padding-right: 0.5rem;
}
.path-projets-complets .field--name-field-incube .field__label {
display: inline;
}
.path-projets-complets .field--name-field-incube .field__item {
display: none;
}
@@ -512,30 +533,18 @@ svg.ext {
display: none;
}
.path-projets-complets .field--name-field-region {
order: 5;
width: 30%;
position: relative;
height: 80px;
text-align: center;
padding-right: 1rem;
}
@media (max-width: 479px) {
.path-projets-complets .field--name-field-region {
width: 100%;
}
}
.path-projets-complets .field--name-field-region .field__label {
display: none;
display: flex;
align-items: center;
gap: 0.5rem;
margin-bottom: 2rem;
}
.path-projets-complets .field--name-field-region::before {
content: url("../images/pictos/picto_lieu.svg");
min-width: 30px;
height: auto;
padding-right: 1rem;
position: absolute;
left: 0;
margin-top: 0.83em;
margin-left: 1rem;
content: "";
display: block;
width: 20px;
height: 20px;
background: url("../images/pictos/picto_lieu.svg") no-repeat center;
background-size: contain;
}
.path-projets-complets .field--name-field-type-de-moa {
order: 6;
@@ -593,6 +602,27 @@ svg.ext {
.path-projets-complets .layout-content {
width: 80vw;
}
.path-projets-complets .layout-content .print-header {
position: absolute;
top: 1cm;
right: 1cm;
display: flex;
align-items: center;
gap: 0.5rem;
}
.path-projets-complets .layout-content .print-header img {
width: 2cm;
height: auto;
}
.path-projets-complets .layout-content .print-header__text {
text-transform: uppercase;
font-family: "Source Code Pro";
color: rgb(9, 57, 139);
font-size: 0.8rem;
font-weight: 500;
text-transform: uppercase;
text-align: end;
}
.path-projets-complets .layout-content .views-row {
margin-top: 3rem;
break-after: page;
@@ -602,7 +632,7 @@ svg.ext {
padding-top: 3rem;
}
.path-projets-complets .layout-content .views-row .projet-header-print .field--name-title {
font-size: 1.5rem;
font-size: 1.2rem;
}
.path-projets-complets .layout-content .views-row .projet-body-print {
padding-top: 3rem;
web/themes/custom/eql/scss/global/print/_projets-complets-ecran.scss
+40 -58
View File
@@ -15,6 +15,27 @@
span {
display: none;
}
.print-header{
display: none;
}
.print-header img {
width: 2cm;
height: auto;
}
.print-header__text {
text-transform: uppercase;
font-family: "Source Code Pro";
color: $blue-dark;
font-size: 0.8rem;
font-weight: 500;
text-transform: uppercase;
text-align: end;
}
.node-type-projet {
border-bottom: 1px solid black;
@@ -82,39 +103,6 @@
display: none;
}
}
// .field--name-field-photo {
// order: 1;
// .field__label {
// display: none;
// }
// .field__items {
// display: grid;
// grid-template-columns: repeat(3, 1fr);
// grid-template-rows: 500px 150px 150px;
// gap: 3px;
// }
// .field__item:first-child {
// grid-column: 1 / 4;
// grid-row: 1;
// img {
// max-height: 500px;
// }
// }
// .field__item {
// overflow: hidden;
// }
// .field__item img {
// width: 100%;
// height: 100%;
// object-fit: cover;
// display: block;
// }
// }
.field--name-title {
@@ -171,18 +159,24 @@
.field--name-field-incube {
order: 4;
display: inline-flex;
width: fit-content;
background-color: $red;
color: white;
font-weight: 800;
padding-right: 0.3rem;
padding-left: 0.2rem;
flex-direction: row;
margin-bottom: 1rem;
margin-top: 1rem;
// flex-direction: row;
&::before {
content: ' Projet ';
padding-right: 0.5rem;
}
.field__label{
display: inline;
}
.field__item {
display: none;
@@ -193,32 +187,20 @@
.field--name-field-encours-fini {
display: none;
}
.field--name-field-region {
order: 5;
width: 30%;
position: relative;
height: 80px;
text-align: center;
padding-right: 1rem;
@media (max-width: 479px) {
width: 100%;
}
.field__label {
display: none;
}
display: flex;
align-items: center;
gap: 0.5rem;
margin-bottom: 2rem;
&::before {
content: url("../images/pictos/picto_lieu.svg");
min-width: 30px;
height: auto;
padding-right: 1rem;
position: absolute;
left: 0;
margin-top: .83em;
margin-left: 1rem;
content: "";
display: block;
width: 20px;
height: 20px;
background: url("../images/pictos/picto_lieu.svg") no-repeat center;
background-size: contain;
}
}
web/themes/custom/eql/scss/global/print/_projets-complets-print.scss
+27 -1
View File
@@ -9,6 +9,32 @@
.layout-content{
width: 80vw;
.print-header {
position: absolute;
top: 1cm;
right: 1cm;
display: flex;
align-items: center;
gap: 0.5rem;
}
.print-header img {
width: 2cm;
height: auto;
}
.print-header__text {
text-transform: uppercase;
font-family: "Source Code Pro";
color: $blue-dark;
font-size: 0.8rem;
font-weight: 500;
text-transform: uppercase;
text-align: end;
}
.views-row{
margin-top: 3rem;
@@ -18,7 +44,7 @@
.projet-header-print{
padding-top: 3rem;
.field--name-title{
font-size: 1.5rem;
font-size: 1.2rem;
}
}
.projet-body-print{
web/themes/custom/eql/templates/node--view--projets.html.twig
+7
View File
@@ -94,6 +94,13 @@
<div class="projet-content"{{ content_attributes }}>
{# {{ content }} #}
<div class="print-header">
<div class="print-header__text">
ENGAGÉS POUR LA QUALITÉ<br>
DU LOGEMENT DE DEMAIN
</div>
<img src="{{ directory }}/images/sceau_excellence_def.png" alt="">
</div>
{# <div class="projet-content"> #}