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

responsive node projet

Browse Source
This commit is contained in:
Ouidade Soussi Chiadmi
2025-12-01 12:14:39 +01:00
parent 446a8f2288
commit 1f377f9b60
2 changed files with 107 additions and 94 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -4730,7 +4730,6 @@ body {
@media (max-width: 810px) { @media (max-width: 810px) {
.node-type-projet .layout--threecol-25-50-25 .layout__region--third .block-region-third div { .node-type-projet .layout--threecol-25-50-25 .layout__region--third .block-region-third div {
justify-content: center; justify-content: center;
margin: auto;
margin-bottom: 0rem; margin-bottom: 0rem;
} }
} }
@@ -4750,7 +4749,13 @@ body {
.node-type-projet .layout--threecol-25-50-25 .layout__region--third .block-region-third div h2::after { .node-type-projet .layout--threecol-25-50-25 .layout__region--third .block-region-third div h2::after {
content: " :"; content: " :";
} }
.node-type-projet .layout--threecol-25-50-25 .layout__region--third .block-region-third div .views-row { @media (max-width: 810px) {
.node-type-projet .layout--threecol-25-50-25 .layout__region--third .block-region-third div .view-rows-wrapper {
width: 80%;
margin: auto;
}
}
.node-type-projet .layout--threecol-25-50-25 .layout__region--third .block-region-third div .view-rows-wrapper .views-row {
width: 80%; width: 80%;
border-bottom: solid black 1px; border-bottom: solid black 1px;
padding-bottom: 0.5rem; padding-bottom: 0.5rem;
@@ -4758,20 +4763,20 @@ body {
transition: transform 0.4s ease-in-out; transition: transform 0.4s ease-in-out;
} }
@media (max-width: 810px) { @media (max-width: 810px) {
.node-type-projet .layout--threecol-25-50-25 .layout__region--third .block-region-third div .views-row { .node-type-projet .layout--threecol-25-50-25 .layout__region--third .block-region-third div .view-rows-wrapper .views-row {
width: 80%; width: 80%;
justify-content: start; justify-content: start;
padding-top: 1rem; padding-top: 1rem;
} }
} }
.node-type-projet .layout--threecol-25-50-25 .layout__region--third .block-region-third div .views-row:hover { .node-type-projet .layout--threecol-25-50-25 .layout__region--third .block-region-third div .view-rows-wrapper .views-row:hover {
transform: scale(1.05); transform: scale(1.05);
} }
.node-type-projet .layout--threecol-25-50-25 .layout__region--third .block-region-third div .views-row .is-laureat { .node-type-projet .layout--threecol-25-50-25 .layout__region--third .block-region-third div .view-rows-wrapper .views-row .is-laureat {
position: relative; position: relative;
padding-top: 1.5rem; padding-top: 1.5rem;
} }
.node-type-projet .layout--threecol-25-50-25 .layout__region--third .block-region-third div .views-row .is-laureat ::before { .node-type-projet .layout--threecol-25-50-25 .layout__region--third .block-region-third div .view-rows-wrapper .views-row .is-laureat ::before {
content: ""; content: "";
position: absolute; position: absolute;
top: 0.5rem; top: 0.5rem;
@@ -4786,58 +4791,59 @@ body {
margin-top: 0.2rem; margin-top: 0.2rem;
} }
@media (max-width: 810px) { @media (max-width: 810px) {
.node-type-projet .layout--threecol-25-50-25 .layout__region--third .block-region-third div .views-row .is-laureat ::before { .node-type-projet .layout--threecol-25-50-25 .layout__region--third .block-region-third div .view-rows-wrapper .views-row .is-laureat ::before {
top: 0rem; top: 0rem;
left: -11.4rem; left: -11.4rem;
} }
} }
.node-type-projet .layout--threecol-25-50-25 .layout__region--third .block-region-third div .views-row .is-laureat .field-content { .node-type-projet .layout--threecol-25-50-25 .layout__region--third .block-region-third div .view-rows-wrapper .views-row .is-laureat .field-content {
font-size: 0; font-size: 0;
} }
@media (max-width: 810px) { @media (max-width: 810px) {
.node-type-projet .layout--threecol-25-50-25 .layout__region--third .block-region-third div .views-row .views-field-title { .node-type-projet .layout--threecol-25-50-25 .layout__region--third .block-region-third div .view-rows-wrapper .views-row .views-field-title {
width: fit-content; width: fit-content;
margin: 0;
} }
} }
.node-type-projet .layout--threecol-25-50-25 .layout__region--third .block-region-third div .views-row .views-field-title h2 { .node-type-projet .layout--threecol-25-50-25 .layout__region--third .block-region-third div .view-rows-wrapper .views-row .views-field-title h2 {
font-size: 0.5rem; font-size: 0.5rem;
margin-bottom: 0rem; margin-bottom: 0rem;
text-transform: none; text-transform: none;
font-family: "gilroy-regular"; font-family: "gilroy-regular";
} }
.node-type-projet .layout--threecol-25-50-25 .layout__region--third .block-region-third div .views-row .views-field-title h2::after { .node-type-projet .layout--threecol-25-50-25 .layout__region--third .block-region-third div .view-rows-wrapper .views-row .views-field-title h2::after {
content: ""; content: "";
} }
@media (max-width: 810px) { @media (max-width: 810px) {
.node-type-projet .layout--threecol-25-50-25 .layout__region--third .block-region-third div .views-row .views-field-title h2 { .node-type-projet .layout--threecol-25-50-25 .layout__region--third .block-region-third div .view-rows-wrapper .views-row .views-field-title h2 {
font-size: 0.8rem; font-size: 0.8rem;
width: 100% !important; width: 100% !important;
} }
} }
.node-type-projet .layout--threecol-25-50-25 .layout__region--third .block-region-third div .views-row .views-field-field-nom-de-l-equipe { .node-type-projet .layout--threecol-25-50-25 .layout__region--third .block-region-third div .view-rows-wrapper .views-row .views-field-field-nom-de-l-equipe {
font-size: 0.4rem; font-size: 0.4rem;
} }
@media (max-width: 810px) { @media (max-width: 810px) {
.node-type-projet .layout--threecol-25-50-25 .layout__region--third .block-region-third div .views-row .views-field-field-nom-de-l-equipe { .node-type-projet .layout--threecol-25-50-25 .layout__region--third .block-region-third div .view-rows-wrapper .views-row .views-field-field-nom-de-l-equipe {
width: fit-content; width: fit-content;
margin: 0; margin: 0;
} }
} }
.node-type-projet .layout--threecol-25-50-25 .layout__region--third .block-region-third div .views-row .views-field-field-nom-de-l-equipe h3 { .node-type-projet .layout--threecol-25-50-25 .layout__region--third .block-region-third div .view-rows-wrapper .views-row .views-field-field-nom-de-l-equipe h3 {
margin-bottom: 0.3rem; margin-bottom: 0.3rem;
margin-top: 0.3rem; margin-top: 0.3rem;
text-transform: uppercase; text-transform: uppercase;
} }
@media (max-width: 810px) { @media (max-width: 810px) {
.node-type-projet .layout--threecol-25-50-25 .layout__region--third .block-region-third div .views-row .views-field-field-nom-de-l-equipe { .node-type-projet .layout--threecol-25-50-25 .layout__region--third .block-region-third div .view-rows-wrapper .views-row .views-field-field-nom-de-l-equipe {
font-size: 0.7rem; font-size: 0.7rem;
} }
} }
.node-type-projet .layout--threecol-25-50-25 .layout__region--third .block-region-third div .views-row .views-field-field-nom-de-l-equipe p { .node-type-projet .layout--threecol-25-50-25 .layout__region--third .block-region-third div .view-rows-wrapper .views-row .views-field-field-nom-de-l-equipe p {
font-family: "gilroy-semibold"; font-family: "gilroy-semibold";
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
} }
.node-type-projet .layout--threecol-25-50-25 .layout__region--third .block-region-third div .views-row .views-field-view-node { .node-type-projet .layout--threecol-25-50-25 .layout__region--third .block-region-third div .view-rows-wrapper .views-row .views-field-view-node {
display: none; display: none;
} }
.node-type-projet .layout--threecol-25-50-25 .layout__region--third .block-region-third div .field_field_laureats { .node-type-projet .layout--threecol-25-50-25 .layout__region--third .block-region-third div .field_field_laureats {

159
web/themes/custom/quartiers_de_demain/src/assets/scss/pages/node-type-projet.scss
View File

@@ -437,9 +437,8 @@
flex-direction: column; flex-direction: column;
@media(max-width: 810px){ @media(max-width: 810px){
justify-content: center; justify-content: center;
margin: auto; // margin: auto;
margin-bottom: 0rem; margin-bottom: 0rem;
} }
h2{ h2{
@@ -457,88 +456,96 @@
content: " :"; content: " :";
} }
} }
.views-row{ .view-rows-wrapper{
width: 80%;
border-bottom: solid black 1px;
padding-bottom: 0.5rem;
padding-top: 0.5rem;
@media(max-width: 810px){ @media(max-width: 810px){
width: 80%; width: 80%;
justify-content: start; margin: auto;
padding-top: 1rem;
} }
transition: transform 0.4s ease-in-out; .views-row{
&:hover { width: 80%;
transform: scale(1.05); border-bottom: solid black 1px;
} padding-bottom: 0.5rem;
.is-laureat{ padding-top: 0.5rem;
position: relative;
padding-top: 1.5rem;
::before {
content: "";
position: absolute;
top: 0.5rem;
left: -1.4rem;
width: 2.5rem;
height: 2.5rem;
background-image: url("../img/laureat-ouvert.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
z-index: 0;
margin-top: 0.2rem;
@media(max-width: 810px){
top: 0rem;
left: -11.4rem;
}
}
.field-content{
font-size: 0;
}
}
.views-field-title {
@media (max-width:810px){
width: fit-content;
}
h2 {
font-size: 0.5rem;
margin-bottom: 0rem;
text-transform: none;
font-family: "gilroy-regular";
&::after{
content: "";
}
@media(max-width: 810px){
font-size:0.8rem;
width: 100% !important;
}
}
}
.views-field-field-nom-de-l-equipe{
@media (max-width:810px){
width: fit-content;
margin: 0;
}
h3 {
margin-bottom: 0.3rem;
margin-top:0.3rem;
text-transform: uppercase;
}
font-size: 0.4rem;
@media(max-width: 810px){ @media(max-width: 810px){
font-size:0.7rem; width: 80%;
justify-content: start;
padding-top: 1rem;
} }
p{ transition: transform 0.4s ease-in-out;
font-family: "gilroy-semibold"; &:hover {
margin-bottom: 0.5rem; transform: scale(1.05);
}
.is-laureat{
position: relative;
padding-top: 1.5rem;
::before {
content: "";
position: absolute;
top: 0.5rem;
left: -1.4rem;
width: 2.5rem;
height: 2.5rem;
background-image: url("../img/laureat-ouvert.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
z-index: 0;
margin-top: 0.2rem;
@media(max-width: 810px){
top: 0rem;
left: -11.4rem;
}
}
.field-content{
font-size: 0;
}
}
.views-field-title {
@media (max-width:810px){
width: fit-content;
margin: 0;
}
h2 {
font-size: 0.5rem;
margin-bottom: 0rem;
text-transform: none;
font-family: "gilroy-regular";
&::after{
content: "";
}
@media(max-width: 810px){
font-size:0.8rem;
width: 100% !important;
}
}
}
.views-field-field-nom-de-l-equipe{
@media (max-width:810px){
width: fit-content;
margin: 0;
}
h3 {
margin-bottom: 0.3rem;
margin-top:0.3rem;
text-transform: uppercase;
}
font-size: 0.4rem;
@media(max-width: 810px){
font-size:0.7rem;
}
p{
font-family: "gilroy-semibold";
margin-bottom: 0.5rem;
}
}
.views-field-view-node{
display: none;
} }
}
.views-field-view-node{
display: none;
} }
} }
.field_field_laureats{ .field_field_laureats{
color: red; color: red;