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