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

Compare commits

base: bachir:aa386780bfffabb4506a33ef4004c3bc81c85304
Branches Tags
bachir:master bachir:prod bachir:stage bachir:stge bachir:newPages bachir:live bachir:tmp bachir:avantLive bachir:prd
...
compare: bachir:ede64a7b732287a104eaee23dc35be6a48714538
Branches Tags
bachir:master bachir:prod bachir:stage bachir:stge bachir:newPages bachir:live bachir:tmp bachir:avantLive bachir:prd

5 Commits
aa386780bf ... ede64a7b73

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

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

@@ -579,7 +579,7 @@ header[role=banner].header--collapsed .qdd-header {
} }
} }
header[role=banner].header--collapsed .header_left_container { header[role=banner].header--collapsed .header_left_container {
flex: 0 0 65%; flex: 1 0 65%;
transform-origin: bottom right; transform-origin: bottom right;
} }
@media (max-width: 810px) { @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 { header[role=banner].header--collapsed-already .header_left_container {
flex: 0 0 65%; flex: 1 0 65%;
transform-origin: bottom right; transform-origin: bottom right;
} }
@media (max-width: 810px) { @media (max-width: 810px) {
@@ -867,7 +867,7 @@ footer {
.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeactuspage-1 { .layout-sidebar-first #block-quartiers-de-demain-formulaireexposeactuspage-1 {
background-color: white; background-color: white;
padding: 0.3rem 0.5rem 1rem 1rem; padding: 0.3rem 0.5rem 1rem 1rem;
width: 100%; width: 111%;
} }
@media (max-width: 810px) { @media (max-width: 810px) {
.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1, .layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1,
@@ -3100,6 +3100,7 @@ body {
align-items: center; align-items: center;
padding: 1rem; padding: 1rem;
margin-bottom: 1rem; margin-bottom: 1rem;
margin-left: 8rem;
} }
@media (max-width: 500px) { @media (max-width: 500px) {
#consultation .layout-content .content_container .node-type-static #paragraph-id--11 { #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 { .node-type-projet .layout--threecol-25-50-25 .layout__region--first .block-region-first {
position: fixed; position: fixed;
width: 20% !important; width: 20% !important;
margin-top: 1rem;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
margin-left: 2rem; margin-left: 2rem;
@@ -4348,7 +4348,6 @@ body {
} }
.node-type-projet .layout--threecol-25-50-25 .layout__region--second .block-region-second { .node-type-projet .layout--threecol-25-50-25 .layout__region--second .block-region-second {
position: relative; position: relative;
margin-top: 1rem;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
/* Quand ouvert */ /* Quand ouvert */
@@ -4426,6 +4425,7 @@ body {
padding-left: 0.5rem; padding-left: 0.5rem;
margin: auto; margin: auto;
display: flex; display: flex;
border: none;
margin-bottom: 1rem; margin-bottom: 1rem;
} }
.node-type-projet .layout--threecol-25-50-25 .layout__region--second .block-region-second .btn-equipe-toggle svg { .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 { .node-type-projet .layout--threecol-25-50-25 .layout__region--third .block-region-third {
position: relative; position: relative;
margin-top: 2rem; margin-top: 1rem;
margin-left: 2rem; margin-left: 2rem;
} }
@media (max-width: 810px) { @media (max-width: 810px) {
@@ -4587,6 +4587,10 @@ body {
width: 80%; width: 80%;
border-bottom: solid black 1px; border-bottom: solid black 1px;
padding-bottom: 1rem; 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 { .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; 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 { #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; order: 3;
font-size: 0.7rem; font-size: 0.6rem;
margin-bottom: 0.3rem; margin-bottom: 0.3rem;
margin-top: 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 { #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; 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 { #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; margin: 0;
text-transform: uppercase; text-transform: uppercase;
} }
@@ -5363,7 +5367,7 @@ main {
margin-top: 3rem; margin-top: 3rem;
margin-left: 15%; margin-left: 15%;
margin-bottom: 1rem; margin-bottom: 1rem;
width: 70%; width: 65%;
} }
@media (max-width: 810px) { @media (max-width: 810px) {
#ressources .layout-content .content_container #block-quartiers-de-demain-titredepage { #ressources .layout-content .content_container #block-quartiers-de-demain-titredepage {

1
web/themes/custom/quartiers_de_demain/src/assets/scss/pages/consultation.scss
View File

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

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

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

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

@@ -26,7 +26,7 @@
.block-region-first{ .block-region-first{
position:fixed; position:fixed;
width: 20% !important; width: 20% !important;
margin-top: 1rem; // margin-top: 1rem;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@@ -114,7 +114,7 @@
} }
.block-region-second{ .block-region-second{
position: relative; position: relative;
margin-top: 1rem; // margin-top: 1rem;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@media(max-width: 810px){ @media(max-width: 810px){
@@ -203,6 +203,7 @@
padding-left: 0.5rem; padding-left: 0.5rem;
margin: auto; margin: auto;
display: flex; display: flex;
border: none;
svg{ svg{
display: none; display: none;
} }
@@ -340,7 +341,7 @@
.block-region-third{ .block-region-third{
position:relative; position:relative;
// width: 23% !important; // width: 23% !important;
margin-top: 2rem; margin-top: 1rem;
margin-left: 2rem; margin-left: 2rem;
@media(max-width: 810px){ @media(max-width: 810px){
position: relative; position: relative;
@@ -372,6 +373,10 @@
width: 80%; width: 80%;
border-bottom: solid black 1px; border-bottom: solid black 1px;
padding-bottom: 1rem; 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 { .views-field-title {
h2 { h2 {
font-size: 0.7rem; font-size: 0.7rem;

2
web/themes/custom/quartiers_de_demain/src/assets/scss/pages/ressources.scss
View File

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

2
web/themes/custom/quartiers_de_demain/src/assets/scss/partials/aside.scss
View File

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

4
web/themes/custom/quartiers_de_demain/src/assets/scss/partials/header.scss
View File

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