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

ajout lien projet à ressource

Browse Source
This commit is contained in:
ouidade
2024-10-15 12:26:36 +02:00
parent 447a6be5fb
commit 69c918f64d
2 changed files with 48 additions and 122 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/eql/scss/pages/_ressource.scss
+21 -113
View File
@@ -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;
}
}
}
}
}
}
}
}
}
// }
}