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

fix bugs responsive

This commit is contained in:
ouidade 2024-11-08 13:42:08 +01:00
parent 233d268049
commit cefa8f0acd
3 changed files with 18 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -943,6 +943,11 @@ footer {
left: 45%; left: 45%;
} }
} }
@media (max-width: 510px) {
.slick-prev {
right: 39%;
}
}
[dir=rtl] .slick-prev { [dir=rtl] .slick-prev {
left: auto; left: auto;
right: -25px; right: -25px;
@ -975,6 +980,11 @@ footer {
right: 47%; right: 47%;
} }
} }
@media (max-width: 510px) {
.slick-next {
right: 45%;
}
}
[dir=rtl] .slick-next { [dir=rtl] .slick-next {
left: -25px; left: -25px;
right: auto; right: auto;
@ -3013,6 +3023,7 @@ body {
.node-type-site .layout--threecol-25-50-25 .layout__region--first .block-region-first { .node-type-site .layout--threecol-25-50-25 .layout__region--first .block-region-first {
position: relative; position: relative;
width: 100% !important; width: 100% !important;
top: 0;
} }
} }
.node-type-site .layout--threecol-25-50-25 .layout__region--first div { .node-type-site .layout--threecol-25-50-25 .layout__region--first div {

1
web/themes/custom/quartiers_de_demain/src/assets/scss/pages/node-type-site.scss
View File

@ -32,6 +32,7 @@
@media(max-width: 810px){ @media(max-width: 810px){
position: relative; position: relative;
width: 100% !important; width: 100% !important;
top: 0;
} }
.views-element-container{ .views-element-container{
// margin-bottom: 3rem; // margin-bottom: 3rem;

6
web/themes/custom/quartiers_de_demain/src/assets/scss/partials/slick-theme.scss
View File

@ -117,6 +117,9 @@ $slick-opacity-not-active: 0.25 !default;
@media(max-width:1080px){ @media(max-width:1080px){
left: 45%; left: 45%;
} }
@media(max-width:510px){
right: 39%;
}
[dir="rtl"] & { [dir="rtl"] & {
left: auto; left: auto;
right: -25px; right: -25px;
@ -144,6 +147,9 @@ $slick-opacity-not-active: 0.25 !default;
@media(max-width:1080px){ @media(max-width:1080px){
right: 47%; right: 47%;
} }
@media(max-width:510px){
right: 45%;
}
[dir="rtl"] & { [dir="rtl"] & {
left: -25px; left: -25px;
right: auto; right: auto;