bachir/drupal-quartiersdedemain
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

node projet teaser homogénéisation typo et margin avec node site teaser

Browse Source
This commit is contained in:
Ouidade Soussi Chiadmi
2025-11-04 22:41:49 +01:00
parent a19d7b0edb
commit 708c3d8369
2 changed files with 38 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css vendored
View File

@@ -4545,17 +4545,26 @@ main {
font-size: 0.7rem;
}
}
#lesprojets .content_container .views-element-container .views-row .views-field-group .views-field-title .field-content h2 {
#lesprojets .content_container .views-element-container .views-row .views-field-group .views-field-title h2 {
margin: 0;
}
#lesprojets .content_container .views-element-container .views-row .views-field-group .views-field-title .field-content h2 a {
color: rgb(7, 50, 194);
font-family: "gilroy-bold";
padding-top: 0.5rem;
font-size: 0.55rem;
}
@media (max-width: 550px) {
#lesprojets .content_container .views-element-container .views-row .views-field-group .views-field-title .field-content h2 a {
#lesprojets .content_container .views-element-container .views-row .views-field-group .views-field-title h2 {
font-size: 0.7rem;
}
}
#lesprojets .content_container .views-element-container .views-row .views-field-group .views-field-title h2 a {
color: rgb(7, 50, 194);
font-family: "gilroy-bold";
padding-top: 0.5rem;
font-size: 0.55rem;
}
@media (max-width: 550px) {
#lesprojets .content_container .views-element-container .views-row .views-field-group .views-field-title h2 a {
font-size: 0.7rem;
}
}
@@ -4626,6 +4635,8 @@ main {
#lesprojets .content_container .views-element-container .views-row .views-field-field-projets-lie .field-content ul li .node-type-projet .field_field_image img {
width: 100%;
height: auto;
aspect-ratio: 3/2;
object-fit: cover;
}
#lesprojets .content_container .views-element-container .views-row .views-field-field-projets-lie .field-content ul li .node-type-projet .field_field_image .image-field-caption {
display: none;
@@ -4639,16 +4650,18 @@ main {
#lesprojets .content_container .views-element-container .views-row .views-field-field-projets-lie .field-content ul li .node-type-projet .field_field_nom_de_l_equipe h3 {
font-size: 0.6rem;
margin: 0;
text-transform: uppercase;
}
#lesprojets .content_container .views-element-container .views-row .views-field-field-projets-lie .field-content ul li .node-type-projet .field_field_intro {
order: 4;
}
#lesprojets .content_container .views-element-container .views-row .views-field-field-projets-lie .field-content ul li .node-type-projet .field_field_intro p {
font-size: 0.5rem;
font-family: "gilroy-light";
margin-top: 0;
}
#lesprojets .content_container .views-element-container .views-row .views-field-field-projets-lie .field-content ul li .node-type-projet .field_field_intro .more-link {
width: fit-content;
padding-left: 0.5rem;
background: black;
}
@media (max-width: 810px) {
@@ -4662,7 +4675,8 @@ main {
align-items: center;
color: white;
text-transform: uppercase;
font-size: 0.6rem;
font-size: 0.5rem;
padding-left: 0.5rem;
}
#lesprojets .content_container .views-element-container .views-row .views-field-field-projets-lie .field-content ul li .node-type-projet .field_field_intro .more-link a svg {
display: none;
@@ -4672,7 +4686,6 @@ main {
content: url("../img/noun-arrow-to-right.svg");
padding-right: 0.2rem;
padding-left: 0.2rem;
padding-bottom: 0.2rem;
height: 25px;
}

22
web/themes/custom/quartiers_de_demain/src/assets/scss/pages/lesprojets.scss
View File

@@ -48,9 +48,17 @@ main{
@media(max-width: 550px){
font-size: 0.7rem ;
}
.views-field-title .field-content{
.views-field-title{
h2{
margin: 0;
color: $blue_QDD;
font-family: "gilroy-bold";
padding-top: 0.5rem;
font-size: 0.55rem ;
@media(max-width: 550px){
font-size: 0.7rem ;
}
a{
color: $blue_QDD;
font-family: "gilroy-bold";
@@ -126,6 +134,8 @@ main{
img{
width: 100%;
height: auto;
aspect-ratio: 3/2;
object-fit: cover;
}
.image-field-caption{
display: none;
@@ -140,16 +150,19 @@ main{
h3{
font-size: 0.6rem;
margin: 0;
text-transform: uppercase;
}
}
.field_field_intro{
order: 4;
p{
font-size: 0.5rem;
font-family: "gilroy-light";
margin-top: 0;
}
.more-link{
width: fit-content;
padding-left: 0.5rem;
background: black;
@media (max-width:810px) {
margin-left: 0;
@@ -160,7 +173,8 @@ main{
align-items: center;
color: white;
text-transform: uppercase;
font-size: 0.6rem;
font-size: 0.5rem;
padding-left: 0.5rem;
svg{
display: none;
}
@@ -169,7 +183,7 @@ main{
content: url("../img/noun-arrow-to-right.svg");
padding-right: 0.2rem;
padding-left: 0.2rem;
padding-bottom: 0.2rem;
// padding-bottom: 0.2rem;
height: 25px;
}
}