5 Commits

Author SHA1 Message Date
ede64a7b73 #3510 hover effet zoom sur page node projet aside right 2025-11-24 12:34:18 +01:00
9a57827acd #3506 ajustement width logo QDD / aisde left 2025-11-24 12:30:39 +01:00
61cdbe6114 #3507 font style /lesprojets 2025-11-24 12:14:32 +01:00
d9f370e1fa btn toggle border 2025-11-24 12:12:16 +01:00
a4a031100f margin top node projet 2025-11-24 12:08:00 +01:00
7 changed files with 30 additions and 20 deletions

View File

@@ -579,7 +579,7 @@ header[role=banner].header--collapsed .qdd-header {
}
}
header[role=banner].header--collapsed .header_left_container {
flex: 0 0 65%;
flex: 1 0 65%;
transform-origin: bottom right;
}
@media (max-width: 810px) {
@@ -620,7 +620,7 @@ header[role=banner].header--collapsed-already .qdd-header {
}
}
header[role=banner].header--collapsed-already .header_left_container {
flex: 0 0 65%;
flex: 1 0 65%;
transform-origin: bottom right;
}
@media (max-width: 810px) {
@@ -867,7 +867,7 @@ footer {
.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeactuspage-1 {
background-color: white;
padding: 0.3rem 0.5rem 1rem 1rem;
width: 100%;
width: 111%;
}
@media (max-width: 810px) {
.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1,
@@ -3100,6 +3100,7 @@ body {
align-items: center;
padding: 1rem;
margin-bottom: 1rem;
margin-left: 8rem;
}
@media (max-width: 500px) {
#consultation .layout-content .content_container .node-type-static #paragraph-id--11 {
@@ -4267,7 +4268,6 @@ body {
.node-type-projet .layout--threecol-25-50-25 .layout__region--first .block-region-first {
position: fixed;
width: 20% !important;
margin-top: 1rem;
display: flex;
flex-direction: column;
margin-left: 2rem;
@@ -4348,7 +4348,6 @@ body {
}
.node-type-projet .layout--threecol-25-50-25 .layout__region--second .block-region-second {
position: relative;
margin-top: 1rem;
display: flex;
flex-direction: column;
/* Quand ouvert */
@@ -4426,6 +4425,7 @@ body {
padding-left: 0.5rem;
margin: auto;
display: flex;
border: none;
margin-bottom: 1rem;
}
.node-type-projet .layout--threecol-25-50-25 .layout__region--second .block-region-second .btn-equipe-toggle svg {
@@ -4547,7 +4547,7 @@ body {
}
.node-type-projet .layout--threecol-25-50-25 .layout__region--third .block-region-third {
position: relative;
margin-top: 2rem;
margin-top: 1rem;
margin-left: 2rem;
}
@media (max-width: 810px) {
@@ -4587,6 +4587,10 @@ body {
width: 80%;
border-bottom: solid black 1px;
padding-bottom: 1rem;
transition: transform 0.4s ease-in-out;
}
.node-type-projet .layout--threecol-25-50-25 .layout__region--third .block-region-third div .views-row:hover {
transform: scale(1.05); /* effet de zoom léger */
}
.node-type-projet .layout--threecol-25-50-25 .layout__region--third .block-region-third div .views-row .views-field-title h2 {
font-size: 0.7rem;
@@ -5255,16 +5259,16 @@ main {
}
#lesprojets .content_container .views-element-container .views-row .views-field-field-projets-lie .field-content ul li .node-type-projet .node-projet-title {
order: 3;
font-size: 0.7rem;
font-size: 0.6rem;
margin-bottom: 0.3rem;
margin-top: 0.3rem;
font-family: "gilroy-regular";
font-family: "gilroy-bold";
}
#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 {
order: 4;
}
#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.5rem;
margin: 0;
text-transform: uppercase;
}
@@ -5363,7 +5367,7 @@ main {
margin-top: 3rem;
margin-left: 15%;
margin-bottom: 1rem;
width: 70%;
width: 65%;
}
@media (max-width: 810px) {
#ressources .layout-content .content_container #block-quartiers-de-demain-titredepage {

View File

@@ -106,6 +106,7 @@
align-items: center;
padding: 1rem;
margin-bottom: 1rem;
margin-left: 8rem;
@media(max-width: 500px){
width: 90%;
}

View File

@@ -209,15 +209,15 @@ main{
}
.node-projet-title{
order: 3;
font-size: 0.7rem;
font-size: 0.6rem;
margin-bottom: 0.3rem;
margin-top: 0.3rem;
font-family: "gilroy-regular";
font-family: "gilroy-bold";
}
.field_field_nom_de_l_equipe{
order: 4;
h3{
font-size: 0.6rem;
font-size: 0.5rem;
margin: 0;
text-transform: uppercase;
}

View File

@@ -26,7 +26,7 @@
.block-region-first{
position:fixed;
width: 20% !important;
margin-top: 1rem;
// margin-top: 1rem;
display: flex;
flex-direction: column;
@@ -114,7 +114,7 @@
}
.block-region-second{
position: relative;
margin-top: 1rem;
// margin-top: 1rem;
display: flex;
flex-direction: column;
@media(max-width: 810px){
@@ -203,6 +203,7 @@
padding-left: 0.5rem;
margin: auto;
display: flex;
border: none;
svg{
display: none;
}
@@ -340,7 +341,7 @@
.block-region-third{
position:relative;
// width: 23% !important;
margin-top: 2rem;
margin-top: 1rem;
margin-left: 2rem;
@media(max-width: 810px){
position: relative;
@@ -372,6 +373,10 @@
width: 80%;
border-bottom: solid black 1px;
padding-bottom: 1rem;
transition: transform 0.4s ease-in-out; // animation plus fluide
&:hover {
transform: scale(1.05); /* effet de zoom léger */
}
.views-field-title {
h2 {
font-size: 0.7rem;

View File

@@ -21,7 +21,7 @@
margin-top: 3rem;
margin-left: 15%;
margin-bottom: 1rem;
width: 70%;
width: 65%;
@media(max-width: 810px){
display: flex;
margin:auto;

View File

@@ -32,7 +32,7 @@
#block-quartiers-de-demain-formulaireexposeactuspage-1{
background-color: white;
padding: 0.3rem 0.5rem 1rem 1rem;
width: 100%;
width: 111%;
@media(max-width: 810px){
display: flex;
flex-direction: column;

View File

@@ -327,7 +327,7 @@ header[role="banner"].header--collapsed {
height: 170px;
}
.header_left_container{
flex: 0 0 65%;
flex: 1 0 65%;
transform-origin: bottom right;
@media(max-width: 810px){
flex: 1 0 100%;
@@ -363,7 +363,7 @@ header[role="banner"].header--collapsed-already{
height: $header-height-big;
}
.header_left_container{
flex: 0 0 65%;
flex: 1 0 65%;
transform-origin: bottom right;
@media(max-width: 810px){
flex: 1 0 100%;