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

background /actualites

Browse Source
This commit is contained in:
Ouidade Soussi Chiadmi 2025-03-18 14:19:51 +01:00
parent ebfd68f31f
commit 0f4c33010e
4 changed files with 37 additions and 107 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -805,9 +805,9 @@ footer {
.layout-sidebar-first { .layout-sidebar-first {
width: 25%; width: 25%;
position: fixed; position: fixed;
left: 3%; top: 250px;
top: 200px; margin: 1rem 2rem;
z-index: 98; background-color: transparent;
} }
@media (max-width: 891px) { @media (max-width: 891px) {
.layout-sidebar-first { .layout-sidebar-first {
@ -821,45 +821,6 @@ footer {
margin-top: 3rem; margin-top: 3rem;
} }
} }
.layout-sidebar-first #toTop-aside {
margin: auto;
background-color: #fff;
border-top-left-radius: 10%;
border-top-right-radius: 10%;
padding-bottom: 0.5rem;
}
.layout-sidebar-first #toTop-aside .arrow-up {
font-size: 1.7rem;
line-height: 2.5rem;
text-align: center;
width: 3rem;
height: 2rem;
display: inline-block;
text-align: top;
}
.layout-sidebar-first #toTop-aside .arrow-up::before {
content: url(../img/up-arrow.svg);
width: 50%;
}
.layout-sidebar-first .sidebar_first_container {
padding-top: 4em;
flex-direction: column;
width: 50%;
font-weight: 400;
}
.layout-sidebar-first .sidebar_first_container .field-content {
margin-bottom: 0.5rem;
font-size: 0.5rem;
}
@media (max-width: 810px) {
.layout-sidebar-first .sidebar_first_container {
display: none;
}
}
.layout-sidebar-first .sidebar_first_container #block-quartiers-de-demain-views-block-statics-block-1 {
order: 1;
text-transform: uppercase;
}
#logo-animated-container { #logo-animated-container {
width: 60%; width: 60%;
@ -4136,10 +4097,14 @@ main {
#actualites { #actualites {
background-color: #f6f7f3; background-color: #f6f7f3;
} }
#actualites .layout-container main {
padding-top: 250px;
}
#actualites .layout-content .content_container { #actualites .layout-content .content_container {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
background-color: white;
} }
#actualites .layout-content .content_container #block-quartiers-de-demain-titredepage { #actualites .layout-content .content_container #block-quartiers-de-demain-titredepage {
margin-top: 3rem; margin-top: 3rem;
@ -4160,17 +4125,15 @@ main {
font-size: 2rem; font-size: 2rem;
font-family: "gilroy-medium"; font-family: "gilroy-medium";
} }
#actualites .layout-content .content_container .views-element-container {
margin-left: 20%;
width: 65%;
}
#actualites .layout-content .content_container .views-element-container .view-rows-wrapper { #actualites .layout-content .content_container .views-element-container .view-rows-wrapper {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
flex-wrap: wrap; flex-wrap: wrap;
background-color: white;
} }
#actualites .layout-content .content_container .views-element-container .view-rows-wrapper .views-row { #actualites .layout-content .content_container .views-element-container .view-rows-wrapper .views-row {
width: 100%; width: 60%;
margin-left: 30%;
font-size: 0.5rem; font-size: 0.5rem;
margin-bottom: 2rem; margin-bottom: 2rem;
padding-bottom: 1rem; padding-bottom: 1rem;
@ -4374,4 +4337,8 @@ main {
} }
#actualites .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .toggle-actualite.open { #actualites .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .toggle-actualite.open {
transform: rotate(180deg); transform: rotate(180deg);
}
#actualites .layout-content .content_container .views-element-container footer .view-rows-wrapper {
width: 100%;
background-color: #f6f7f3;
} }

2
web/themes/custom/quartiers_de_demain/src/assets/scss/global/variables/_colors.scss
View File

@ -10,5 +10,5 @@ $bleu_fond_header: rgb(232, 235, 244);
$red_QDD: rgb(247, 0, 43); $red_QDD: rgb(247, 0, 43);
$blue_QDD: rgb(7, 50, 194); $blue_QDD: rgb(7, 50, 194);
$background-gris:#f6f7f3;

20
web/themes/custom/quartiers_de_demain/src/assets/scss/pages/actualites.scss
View File

@ -1,13 +1,17 @@
#actualites{ #actualites{
background-color: #f6f7f3; background-color: #f6f7f3;
.layout-container main{
padding-top: $header-height-big;
}
.layout-content{ .layout-content{
// padding-top: 1rem; // padding-top: 1rem;
.content_container{ .content_container{
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
background-color: white;
#block-quartiers-de-demain-titredepage{ #block-quartiers-de-demain-titredepage{
margin-top: 3rem; margin-top: 3rem;
@ -29,17 +33,21 @@
} }
.views-element-container{ .views-element-container{
margin-left: 20%;
width: 65%;
.view-rows-wrapper{ .view-rows-wrapper{
display: flex; display: flex;
flex-direction: column; flex-direction: column;
flex-wrap: wrap; flex-wrap: wrap;
background-color: white;
// margin-left: 20%;
.views-row{ .views-row{
width: 100%; width: 60%;
margin-left: 30%;
font-size: 0.5rem; font-size: 0.5rem;
margin-bottom: 2rem; margin-bottom: 2rem;
padding-bottom: 1rem; padding-bottom: 1rem;
@ -269,6 +277,10 @@
} }
} }
footer .view-rows-wrapper{
width: 100%;
background-color: $background-gris;
}
} }

61
web/themes/custom/quartiers_de_demain/src/assets/scss/partials/_aside.scss
View File

@ -2,9 +2,11 @@
width: 25%; width: 25%;
// display: flex; // display: flex;
position: fixed; position: fixed;
left: 3%; // left: 3%;
top: 200px; top: $header-height-big;
z-index: 98; // z-index: 98;
margin: 1rem 2rem;
background-color: transparent;
@media(max-width:891px){ @media(max-width:891px){
margin-left: 5%; margin-left: 5%;
@ -14,55 +16,4 @@
width: 80%; width: 80%;
margin-top: 3rem; margin-top: 3rem;
} }
#toTop-aside{ }
margin: auto;
background-color: #fff;
border-top-left-radius: 10%;
border-top-right-radius: 10%;
padding-bottom: 0.5rem;
.arrow-up{
font-size: 1.7rem;
line-height: 2.5rem;
text-align: center;
width: 3rem;
height: 2rem;
display: inline-block;
text-align: top;
&::before{
content:url(../img/up-arrow.svg) ;
width: 50%;
}
// .fa{
// color: #fff;
// }
}
}
.sidebar_first_container{
// display: none; WHY ??
// display: flex;
padding-top: 4em;
flex-direction: column;
width: 50%;
font-weight: 400;
.field-content{
margin-bottom: 0.5rem;
font-size: 0.5rem;
}
@media (max-width: 810px){
display: none;
}
#block-quartiers-de-demain-views-block-statics-block-1{
order: 1;
text-transform: uppercase;
}
}
}
// .sticky-menu{
// position: sticky;
// position: -webkit-sticky;
// top: 10rem;
// }