ressources liées css

This commit is contained in:
2026-06-02 16:37:29 +02:00
parent 8e5290267e
commit 7e8445756c
4 changed files with 134 additions and 9 deletions
+49 -5
View File
@@ -495,10 +495,28 @@ svg.ext {
.path-projets-complets .view-projets .field--name-field-encours-fini {
display: none;
}
@media screen {
.path-projets-complets .view-projets .node-type-projet {
visibility: hidden;
}
.path-projets-complets .projet-ressources-liees {
margin-top: 2rem;
width: 80%;
}
.path-projets-complets .projet-ressources-liees .field--name-field-ressource-s-liee-s- {
display: flex;
flex-direction: column;
}
.path-projets-complets .projet-ressources-liees .field--name-field-ressource-s-liee-s- .field__label {
color: rgb(9, 57, 139);
font-size: 1.2rem;
font-weight: 900;
text-transform: uppercase;
}
.path-projets-complets .projet-ressources-liees .field--name-field-ressource-s-liee-s- .node-type-ressource .wrapper-ressource {
display: flex;
flex-direction: column;
border-bottom: solid 1px;
padding-bottom: 2rem;
}
.path-projets-complets .projet-ressources-liees .field--name-field-ressource-s-liee-s- .node-type-ressource .wrapper-ressource .field--name-field-images {
display: none;
}
@media print {
@@ -509,6 +527,9 @@ svg.ext {
max-width: 100%;
height: auto;
}
.node-type-projet {
visibility: visible !important;
}
@page {}
.layout-container {
display: block;
@@ -743,6 +764,30 @@ svg.ext {
margin: auto;
padding-top: 3rem;
}
.path-projets-complets .layout-content .views-row .projet-ressources-liees {
padding-top: 3rem;
width: 80%;
margin: auto;
}
.path-projets-complets .layout-content .views-row .projet-ressources-liees .field--name-field-ressource-s-liee-s- {
display: flex;
flex-direction: column;
}
.path-projets-complets .layout-content .views-row .projet-ressources-liees .field--name-field-ressource-s-liee-s- .field__label {
color: rgb(9, 57, 139);
font-size: 1.2rem;
font-weight: 900;
text-transform: uppercase;
}
.path-projets-complets .layout-content .views-row .projet-ressources-liees .field--name-field-ressource-s-liee-s- .node-type-ressource .wrapper-ressource {
display: flex;
flex-direction: column;
border-bottom: solid 1px;
padding-bottom: 2rem;
}
.path-projets-complets .layout-content .views-row .projet-ressources-liees .field--name-field-ressource-s-liee-s- .node-type-ressource .wrapper-ressource .field--name-field-images {
display: none;
}
.path-projets-complets .layout-content .views-row .paragraph {
break-inside: avoid;
page-break-inside: avoid;
@@ -753,7 +798,6 @@ svg.ext {
}
.path-projets-complets .views-row:first-child {
page-break-before: auto;
break-before: auto;
}
.path-projets-complets .projet-header-print {
page-break-after: always;
@@ -208,9 +208,47 @@
@media screen {
.node-type-projet {
visibility: hidden;
// visibility: hidden;
}
}
}
}
.projet-ressources-liees{
margin-top: 2rem;
width: 80%;
// margin: auto;
.field--name-field-ressource-s-liee-s-{
display: flex;
flex-direction: column;
.field__label{
color: $blue-dark;
font-size: 1.2rem;
font-weight: 900;
text-transform: uppercase;
}
.field__items{
.field__item{
}
}
.node-type-ressource{
.wrapper-ressource{
display: flex;
flex-direction: column;
border-bottom: solid 1px;
padding-bottom: 2rem;
.field--name-field-images{
display: none;
}
}
}
}
}
}
@@ -10,6 +10,9 @@
max-width: 100%;
height: auto;
}
.node-type-projet{
visibility: visible !important;
}
@page {
// margin-top: 1cm;
// margin-bottom: 1cm;
@@ -324,7 +327,43 @@
width: 80%;
margin: auto;
padding-top: 3rem ;
}
}
.projet-ressources-liees{
padding-top: 3rem;
width: 80%;
margin: auto;
.field--name-field-ressource-s-liee-s-{
display: flex;
flex-direction: column;
.field__label{
color: $blue-dark;
font-size: 1.2rem;
font-weight: 900;
text-transform: uppercase;
}
.field__items{
.field__item{
}
}
.node-type-ressource{
.wrapper-ressource{
display: flex;
flex-direction: column;
border-bottom: solid 1px;
padding-bottom: 2rem;
.field--name-field-images{
display: none;
}
}
}
}
}
.paragraph{
break-inside: avoid;
page-break-inside: avoid;
@@ -340,7 +379,7 @@
.path-projets-complets .views-row:first-child {
page-break-before: auto;
break-before: auto;
// break-before: auto;
}
.path-projets-complets .projet-header-print {
@@ -129,6 +129,10 @@
{{ content.field_textes }}
</div>
<div class="projet-ressources-liees">
{{content.field_ressource_s_liee_s_}}
</div>
{# </div> #}
<div class="filtres_projet">
{{content.bottom}}