From 69c918f64db3dc94d5ecfc187d2da4b34748b767 Mon Sep 17 00:00:00 2001 From: ouidade Date: Tue, 15 Oct 2024 12:26:36 +0200 Subject: [PATCH] =?UTF-8?q?ajout=20lien=20projet=20=C3=A0=20ressource?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../custom/eql/dist/assets/css/bundle.css | 36 +++-- .../custom/eql/scss/pages/_ressource.scss | 134 +++--------------- 2 files changed, 48 insertions(+), 122 deletions(-) diff --git a/web/themes/custom/eql/dist/assets/css/bundle.css b/web/themes/custom/eql/dist/assets/css/bundle.css index 61b7312..379e68e 100644 --- a/web/themes/custom/eql/dist/assets/css/bundle.css +++ b/web/themes/custom/eql/dist/assets/css/bundle.css @@ -2162,6 +2162,7 @@ a { grid-column: 1; grid-row: 1/span 7; /* Prendre toutes les lignes disponibles */ align-self: start; /* S'assurer qu'il commence en haut */ + justify-self: end; } } @media (max-width: 1100px) { @@ -2182,7 +2183,8 @@ a { .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-edition, .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-auteur-s-, .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-date-de-parution, -.page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-mots-clefs { +.page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-mots-clefs, +.page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-projets-liee { width: 100%; margin-left: 13%; } @@ -2194,7 +2196,8 @@ a { .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-edition, .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-auteur-s-, .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-date-de-parution, - .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-mots-clefs { + .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-mots-clefs, + .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-projets-liee { width: auto; margin-right: 15%; } @@ -2207,13 +2210,15 @@ a { .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-edition, .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-auteur-s-, .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-date-de-parution, - .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-mots-clefs { + .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-mots-clefs, + .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-projets-liee { width: auto; - margin-left: 7rem; - margin-right: 1; - grid-column: 3/4; + margin-left: 2rem; + margin-right: 15%; + grid-column: 2/4; align-self: start; /* S'assurer qu'il commence en haut */ height: fit-content; + justify-self: start; } .page-node-type-ressource .layout__region--top .block-region-top .block-block-content4e5df355-e76c-4e44-bec0-e211d94f2640 p, .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-type-de-ressource p, @@ -2222,7 +2227,8 @@ a { .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-edition p, .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-auteur-s- p, .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-date-de-parution p, - .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-mots-clefs p { + .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-mots-clefs p, + .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-projets-liee p { margin: 0; } } @@ -2234,7 +2240,8 @@ a { .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-edition, .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-auteur-s-, .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-date-de-parution, - .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-mots-clefs { + .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-mots-clefs, + .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-projets-liee { margin-left: 9%; margin-right: 9%; } @@ -2253,7 +2260,6 @@ a { vertical-align: middle; } .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-type-de-ressource { - margin-top: 2rem; color: rgb(0, 158, 227); text-transform: uppercase; font-weight: 800; @@ -2304,6 +2310,18 @@ a { margin-bottom: 0.5rem; } } +.page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-projets-liee h2 { + display: none; +} +.page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-projets-liee .field__label { + display: none; +} +.page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-projets-liee a { + color: black; +} +.page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-projets-liee a:hover { + color: rgb(0, 158, 227); +} .page-node-type-ressource .layout__region--top .block-block-content4e5df355-e76c-4e44-bec0-e211d94f2640:empty, .page-node-type-ressource .layout__region--top .block-entity-fieldnodefield-type-de-ressource:empty, .page-node-type-ressource .layout__region--top .block-entity-fieldnodetitle:empty, diff --git a/web/themes/custom/eql/scss/pages/_ressource.scss b/web/themes/custom/eql/scss/pages/_ressource.scss index 82d6379..5ac0f2f 100644 --- a/web/themes/custom/eql/scss/pages/_ressource.scss +++ b/web/themes/custom/eql/scss/pages/_ressource.scss @@ -12,29 +12,18 @@ flex-direction: column; @media screen and (min-width:1100px) { display: grid; - // grid-template-columns: 1fr repeat(8, 1fr) 1fr; - // grid-template-rows: auto; grid-template-columns: 1fr 2fr; /* 1/3 pour l'image, 2/3 pour le contenu */ gap: 1rem; } - // &div:not(.block-entity-fieldnodefield-images){ - // @media screen and (min-width:800px) { - // grid-column: 5/span 7; - - // } - // } .block-entity-fieldnodefield-images{ width: fit-content; - // margin: auto; padding-right: 2rem; padding-left: 25%; - @media screen and (min-width:1100px) { - // grid-column: 2/span 4; - // grid-row: 1 /span 5; - + @media screen and (min-width:1100px) { grid-column: 1; grid-row: 1 /span 7; /* Prendre toutes les lignes disponibles */ align-self: start; /* S'assurer qu'il commence en haut */ + justify-self: end; } @media (max-width: 1100px) { padding-left: 13%; @@ -52,7 +41,8 @@ .block-entity-fieldnodefield-edition, .block-entity-fieldnodefield-auteur-s-, .block-entity-fieldnodefield-date-de-parution, - .block-entity-fieldnodefield-mots-clefs { + .block-entity-fieldnodefield-mots-clefs, + .block-entity-fieldnodefield-projets-liee { width: 100%; margin-left: 13%; @media (max-width: 1099px) { @@ -61,11 +51,12 @@ } @media screen and (min-width: 1100px) { width: auto; - margin-left: 7rem; - margin-right: 1; - grid-column: 3 / 4; + margin-left: 2rem; + margin-right: 15%; + grid-column: 2 / 4; align-self: start; /* S'assurer qu'il commence en haut */ height: fit-content ; + justify-self: start; p{margin: 0;} } @@ -89,46 +80,17 @@ padding-top: 1rem; padding-bottom: 0.5rem; vertical-align: middle; - // @media screen and (min-width:1100px) { - // // width: 50%; - // // grid-column: 5/span 7; - // // grid-row: 1; - // } - } .block-entity-fieldnodefield-type-de-ressource{ - margin-top: 2rem; - // margin-left: 13%; + // margin-top: 2rem; color: $blue-light; text-transform: uppercase; font-weight: 800; - // @media (max-width: 810px){ - // margin-left:9%; - // margin-right: 9%; - // } - // @media screen and (min-width:1100px) { - // width: 50%; - // grid-column: 5/span 7; - // grid-row: 1; - - // } - } .block-entity-fieldnodetitle{ - // margin-left: 13%; font-size: 2rem; font-weight: 600; - // @media (max-width: 810px){ - // margin-left:9%; - // margin-right: 9%; - // } - // @media screen and (min-width:1100px) { - // width: 50%; - // grid-column: 5/span 7; - // grid-row: 2; - - // } .field--name-title{ @media (max-width: 550px) { font-size: 1.5rem; @@ -138,44 +100,21 @@ } .block-entity-fieldnodefield-sous-titre{ - // margin-left: 13%; .field--name-field-edition{ p{ margin-bottom: 0; } } - // @media (max-width: 810px){ - // margin-left:9%; - // margin-right: 9%; - // } - // @media screen and (min-width:1100px) { - // width: 50%; - // grid-column: 5/span 7; - // grid-row: 3; - - // } } .block-entity-fieldnodefield-edition{ - // margin-left: 13%; .field--name-field-edition{ p{ margin-bottom: 0; } } - // @media (max-width: 810px){ - // margin-left:9%; - // margin-right: 9%; - // } - // @media screen and (min-width:1100px) { - // width: 50%; - // grid-column: 5/span 7; - // grid-row: 4; - - // } } .block-entity-fieldnodefield-auteur-s-{ - // margin-left: 13%; .field--name-field-auteur-s-{ font-size: 1.5rem; font-weight: 800; @@ -183,40 +122,14 @@ margin: 0; } } - // @media (max-width: 810px){ - // margin-left:9%; - // margin-right: 9%; - // } - // @media screen and (min-width:1100px) { - // width: 50%; - // grid-column: 5/span 7; - // grid-row: 5; - - // } } .block-entity-fieldnodefield-date-de-parution{ - // margin-left: 13%; - // @media (max-width: 810px){ - // margin-left:9%; - // margin-right: 9%; - // } - // @media screen and (min-width:1100px) { - // width: 50%; - // grid-column: 5/span 7; - // grid-row: 6; - - // } } .block-entity-fieldnodefield-mots-clefs{ - // margin-left: 13%; .field--name-field-mots-clefs{ display: inline-flex; margin-top: 2rem; - // &::after{ - // content: url("../images/pictos/noun_Arrow_3771902.svg"); - // align-self: end; - // } .field__item{ background: $blue-dark; margin-right: 1rem; @@ -228,8 +141,6 @@ } } @media (max-width: 810px){ - // margin-left:9%; - // margin-right: 9%; .field--name-field-mots-clefs{ display: flex; flex-direction: row; @@ -241,12 +152,16 @@ } } - // @media screen and (min-width:800px) { - // width: 50%; - // grid-column: 5/span 7; - // grid-row: 7; - - // } + } + .block-entity-fieldnodefield-projets-liee{ + h2{display: none;} + .field__label{display: none;} + a{ + color: black; + &:hover{ + color: $blue-light; + } + } } } /* Hide empty blocks */ @@ -530,18 +445,11 @@ ul.links.inline{ display: none; } - } } } - - - } - - - } - - + } + } } // } } \ No newline at end of file