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

ajustement design

This commit is contained in:
ouidade 2024-03-05 16:22:00 +01:00
parent 094fb35c8e
commit d5b0efa78b
4 changed files with 12 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
web/themes/custom/quartiers_de_demain/css/quartiers_de_demain.css
View File

@ -377,6 +377,8 @@ header {
width: 80%;
margin-top: 3rem; } }
.layout-sidebar-first .sidebar_first_container {
display: flex;
flex-direction: column;
width: 80%;
position: sticky;
position: -webkit-sticky;
@ -388,8 +390,10 @@ header {
.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; }
.layout-sidebar-first .sidebar_first_container #block-quartiers-de-demain-views-block-statics-fields-block-1 {
order: 2;
border-top: 2px solid #0732c2;
padding-top: 0.3rem; }
.layout-sidebar-first .sidebar_first_container #block-quartiers-de-demain-views-block-statics-fields-block-1 .views-field-field-pieces-jointes {
@ -616,11 +620,6 @@ header {
width: 100%;
display: grid;
grid-template-columns: repeat(12, 1fr); }
#presentation .layout-sidebar-first {
position: relative; }
#presentation .layout-sidebar-first .sidebar_first_container {
position: sticky;
position: -webkit-sticky; }
#presentation .layout-content {
grid-row: 1;
order: 2;
@ -735,7 +734,8 @@ header {
padding-right: 0.5rem; }
#presentation .layout-content .content_container article.node-type-static .field_field_textes .field_field_picto img {
width: 40px;
height: auto; }
height: auto;
margin: auto; }
@media (max-width: 891px) {
#presentation .layout-content .content_container article.node-type-static .field_field_textes .field_field_picto img {
width: 30px; } }

9
web/themes/custom/quartiers_de_demain/scss/pages/_presentation.scss
View File

@ -4,13 +4,7 @@
display: grid;
grid-template-columns: repeat(12, 1fr);
// grid-gap: 10px;
.layout-sidebar-first{
position: relative;
.sidebar_first_container{
position: sticky;
position: -webkit-sticky;
}
}
.layout-content{
// grid-column: 3 / 11;
grid-row: 1;
@ -168,6 +162,7 @@
img{
width: 40px;
height: auto;
margin: auto;
@media(max-width: 891px){
width: 30px;
}

4
web/themes/custom/quartiers_de_demain/scss/partials/_aside.scss
View File

@ -16,6 +16,8 @@
margin-top: 3rem;
}
.sidebar_first_container{
display: flex;
flex-direction: column;
width: 80%;
position: sticky;
position: -webkit-sticky;
@ -29,9 +31,11 @@
}
#block-quartiers-de-demain-views-block-statics-block-1{
order: 1;
text-transform: uppercase;
}
#block-quartiers-de-demain-views-block-statics-fields-block-1{
order: 2;
border-top: 2px solid $blue_QDD;
padding-top: 0.3rem;
.views-field-field-pieces-jointes{

1
web/themes/custom/quartiers_de_demain/templates/paragraph.html.twig
View File

@ -52,7 +52,6 @@
<div{{ attributes.addClass(classes).setAttribute('id', 'paragraph-id--' ~ paragraph.id()) }}>
{% block content %}
{{ content }}
{% endblock %}
</div>