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

ajust css ressources & actus

Browse Source
This commit is contained in:
Ouidade Soussi Chiadmi 2025-03-20 10:44:18 +01:00
parent e483d62f52
commit b328796282
5 changed files with 98 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -796,7 +796,7 @@ footer {
} }
.layout-sidebar-first { .layout-sidebar-first {
width: 25%; width: 20%;
position: fixed; position: fixed;
top: 250px; top: 250px;
margin: 1rem 2rem; margin: 1rem 2rem;
@ -827,6 +827,23 @@ footer {
font-size: 0.7rem; font-size: 0.7rem;
font-family: "gilroy-light"; font-family: "gilroy-light";
} }
.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1 h2 {
text-transform: uppercase;
font-family: "gilroy-medium";
font-size: 0.7rem;
}
.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1 h2::after {
content: " :";
}
.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1 label {
text-transform: lowercase;
font-size: 0.6rem;
font-family: "gilroy-light";
}
.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1 .form-select#edit-field-mots-clefs-target-id--2 {
max-width: 100%;
}
#logo-animated-container { #logo-animated-container {
width: 60%; width: 60%;
margin-left: 20%; margin-left: 20%;
@ -1667,7 +1684,6 @@ footer {
} }
#actus-caroussel .content-actus .views-row .node-type-actualite .content-wrapper-actu .field_body { #actus-caroussel .content-actus .views-row .node-type-actualite .content-wrapper-actu .field_body {
order: 6; order: 6;
padding-bottom: 1rem;
opacity: 1 !important; opacity: 1 !important;
transform: none !important; transform: none !important;
font-family: "gilroy-light"; font-family: "gilroy-light";
@ -1684,12 +1700,15 @@ footer {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
padding-left: 0.5rem; padding-left: 0.5rem;
padding-top: 0.2rem;
padding-bottom: 0.2rem;
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
color: white; color: white;
background: black; background: black;
text-transform: uppercase; text-transform: uppercase;
font-size: 0.6rem; font-size: 0.6rem;
margin-bottom: 0.5rem;
} }
#actus-caroussel .content-actus .views-row .node-type-actualite .content-wrapper-actu .field_field_liens a svg { #actus-caroussel .content-actus .views-row .node-type-actualite .content-wrapper-actu .field_field_liens a svg {
display: none; display: none;
@ -3877,7 +3896,7 @@ main {
} }
#ressources .layout-content .content_container .views-element-container { #ressources .layout-content .content_container .views-element-container {
margin-left: 15%; margin-left: 15%;
width: 65%; width: 60%;
} }
#ressources .layout-content .content_container .views-element-container h3 { #ressources .layout-content .content_container .views-element-container h3 {
text-align: center; text-align: center;
@ -3936,14 +3955,22 @@ main {
font-size: 0.5rem; font-size: 0.5rem;
margin-bottom: 1rem; margin-bottom: 1rem;
} }
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row h2 { #ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row h2,
font-family: "gilroy-semibold"; #ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .field_field_sous_titre {
font-family: "gilroy-medium";
color: rgb(7, 50, 194); color: rgb(7, 50, 194);
font-size: 0.6rem; font-size: 0.6rem;
margin-bottom: 0;
}
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .field_body {
font-family: "gilroy-light";
} }
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row p { #ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row p {
font-size: 0.5rem; font-size: 0.5rem;
} }
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .field_field_mots_clefs {
margin-top: 0.5rem;
}
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .field_field_mots_clefs div { #ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .field_field_mots_clefs div {
display: flex; display: flex;
flex-direction: row !important; flex-direction: row !important;
@ -3960,6 +3987,9 @@ main {
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .field_field_mots_clefs div div a { #ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .field_field_mots_clefs div div a {
color: rgb(7, 50, 194); color: rgb(7, 50, 194);
} }
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .field_field_site {
margin-top: 0.5rem;
}
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .field_field_site div a { #ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .field_field_site div a {
position: relative; position: relative;
padding-left: 20px; padding-left: 20px;
@ -3978,6 +4008,12 @@ main {
background-size: contain; background-size: contain;
background-repeat: no-repeat; background-repeat: no-repeat;
} }
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .field_field_liens {
margin-top: 0.5rem;
}
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .field_field_documents {
margin-top: 0.5rem;
}
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .type-documentation .field_body, #ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .type-documentation .field_body,
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .type-documentation .field_field_images { #ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .type-documentation .field_field_images {
display: none; display: none;
@ -4295,7 +4331,6 @@ main {
} }
#actualites .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .field_body { #actualites .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .field_body {
order: 6; order: 6;
padding-bottom: 2rem;
opacity: 1 !important; opacity: 1 !important;
transform: none !important; transform: none !important;
font-family: "gilroy-light"; font-family: "gilroy-light";
@ -4312,12 +4347,15 @@ main {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
padding-left: 0.5rem; padding-left: 0.5rem;
padding-top: 0.2rem;
padding-bottom: 0.2rem;
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
color: white; color: white;
background: black; background: black;
text-transform: uppercase; text-transform: uppercase;
font-size: 0.6rem; font-size: 0.6rem;
margin-bottom: 0.5rem;
} }
#actualites .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .field_field_liens a svg { #actualites .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .field_field_liens a svg {
display: none; display: none;

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

@ -215,7 +215,7 @@
.field_body { .field_body {
order: 6; order: 6;
padding-bottom: 2rem; // padding-bottom: 2rem;
opacity: 1 !important; opacity: 1 !important;
transform:none !important; transform:none !important;
font-family: 'gilroy-light'; font-family: 'gilroy-light';
@ -232,12 +232,15 @@
display: flex; display: flex;
flex-direction: row; flex-direction: row;
padding-left: 0.5rem; padding-left: 0.5rem;
padding-top: 0.2rem;
padding-bottom: 0.2rem;
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
color: white; color: white;
background: black; background: black;
text-transform: uppercase; text-transform: uppercase;
font-size: 0.6rem; font-size: 0.6rem;
margin-bottom: 0.5rem;
svg{ svg{
display: none; display: none;
} }

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

@ -31,7 +31,7 @@
} }
.views-element-container{ .views-element-container{
margin-left: 15%; margin-left: 15%;
width: 65%; width: 60%;
h3{ h3{
&::before{ &::before{
content:""; content:"";
@ -97,15 +97,22 @@
// width: 30%; // width: 30%;
font-size: 0.5rem; font-size: 0.5rem;
margin-bottom: 1rem; margin-bottom: 1rem;
h2{ h2,
font-family: "gilroy-semibold"; .field_field_sous_titre{
font-family: "gilroy-medium";
color: $blue_QDD; color: $blue_QDD;
font-size: 00.6rem; font-size: 00.6rem;
margin-bottom: 0;
} }
.field_body{
font-family: "gilroy-light";
}
p{ p{
font-size: 0.5rem; font-size: 0.5rem;
} }
.field_field_mots_clefs{ .field_field_mots_clefs{
margin-top: 0.5rem;
div{ div{
display: flex; display: flex;
flex-direction: row !important; flex-direction: row !important;
@ -125,12 +132,11 @@
} }
.field_field_site{ .field_field_site{
margin-top: 0.5rem;
div { div {
a { a {
position: relative; position: relative;
padding-left: 20px; // Ajuster selon la taille de l'icône padding-left: 20px; // Ajuster selon la taille de l'icône
&:before { &:before {
content: ""; content: "";
position: absolute; position: absolute;
@ -143,13 +149,19 @@
background-size: contain; background-size: contain;
background-repeat: no-repeat; background-repeat: no-repeat;
} }
color: $red_QDD; color: $red_QDD;
font-family: "gilroy-semibold"; font-family: "gilroy-semibold";
} }
} }
} }
.field_field_liens{
margin-top: 0.5rem;
}
.field_field_documents{
margin-top: 0.5rem;
}
.type-documentation{ .type-documentation{
.field_body, .field_body,

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

@ -1,5 +1,5 @@
.layout-sidebar-first{ .layout-sidebar-first{
width: 25%; width: 20%;
// display: flex; // display: flex;
position: fixed; position: fixed;
// left: 3%; // left: 3%;
@ -34,5 +34,30 @@
} }
.form-select #edit-field-type-d-actualite-target-id--2{ .form-select #edit-field-type-d-actualite-target-id--2{
} }
input #edit-submit-actus--2{
}
}
#block-quartiers-de-demain-formulaireexposeressourcespage-1{
h2{
text-transform: uppercase;
font-family: "gilroy-medium";
font-size: 0.7rem;
&::after{
content: ' :';
}
}
label{
text-transform: lowercase;
font-size: 0.6rem;
font-family: 'gilroy-light';
}
.form-select#edit-field-mots-clefs-target-id--2{
max-width: 100%;
}
} }
} }

6
web/themes/custom/quartiers_de_demain/src/assets/scss/partials/actu-caroussel-home.scss
View File

@ -212,7 +212,7 @@
.field_body { .field_body {
order: 6; order: 6;
padding-bottom: 1rem; // padding-bottom: 1rem;
opacity: 1 !important; opacity: 1 !important;
transform:none !important; transform:none !important;
font-family: 'gilroy-light'; font-family: 'gilroy-light';
@ -229,12 +229,16 @@
display: flex; display: flex;
flex-direction: row; flex-direction: row;
padding-left: 0.5rem; padding-left: 0.5rem;
padding-top: 0.2rem;
padding-bottom: 0.2rem;
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
color: white; color: white;
background: black; background: black;
text-transform: uppercase; text-transform: uppercase;
font-size: 0.6rem; font-size: 0.6rem;
margin-bottom: 0.5rem;
svg{ svg{
display: none; display: none;
} }