Browse Source

responsive filters fixed

ouidade 1 day ago
parent
commit
cbfadc9086

File diff suppressed because it is too large
+ 0 - 0
web/themes/custom/eql/dist/assets/bundle.js


+ 7 - 4
web/themes/custom/eql/dist/assets/css/bundle.css

@@ -5457,6 +5457,7 @@ svg.ext {
     margin-bottom: 2rem;
     transform: none;
     margin-bottom: 0px;
+    width: 80%;
   }
 }
 @media (max-width: 479px) {
@@ -5674,6 +5675,11 @@ svg.ext {
   flex-wrap: wrap;
   padding-left: 25%;
 }
+@media (max-width: 810px) {
+  .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content {
+    padding-left: 0;
+  }
+}
 .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .border {
   width: 80%;
   border-top: solid 1px rgba(0, 0, 0, 0.3);
@@ -5801,9 +5807,6 @@ svg.ext {
   display: inline-flex;
   align-items: center;
 }
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-slide:not(footer) .tout-voir:after {
-  content: url('data:image/svg+xml,<svg width="40" height="20" xmlns="http://www.w3.org/2000/svg" version="1.1"><polyline points="71.9,49 24.3,49 24.3,51 71.9,51 58.1,64.8 59.5,66.2 75.7,50 59.5,33.8 58.1,35.2" transform="scale(0.5) translate(0,-25)" fill="rgb(0,158,227)" stroke="rgb(0,158,227)" stroke-width="0.7"/></svg>');
-}
 @media (max-width: 810px) {
   .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-slide:not(footer) .tout-voir {
     left: 81vw;
@@ -5832,7 +5835,7 @@ svg.ext {
 }
 @media (max-width: 810px) {
   .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-slide:not(footer) .views-row-wrapper {
-    padding-left: 2rem;
+    padding-left: 1rem !important;
     flex-direction: column;
   }
   .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-slide:not(footer) .views-row-wrapper .views-row {

+ 1 - 1
web/themes/custom/eql/scripts/main.js

@@ -124,7 +124,7 @@ jQuery(function ($) {
           settings: {
             slidesToShow: 1,
             dots: true,
-            arrows: false,
+            arrows: true,
             draggable: true,
             centerMode: true,
 

+ 9 - 6
web/themes/custom/eql/scss/pages/ressources.scss

@@ -167,6 +167,7 @@
                                             margin-bottom: 2rem;
                                             transform: none;
                                             margin-bottom: 0px;
+                                            width: 80%;
 
                                         }
                                         @media (max-width: 479px) {
@@ -442,7 +443,9 @@
                                         // width: 80%;
                                         padding-left: 25%;
                                         // overflow-x: hidden;
-
+                                        @media (max-width: 810px) {
+                                           padding-left: 0;                                                
+                                        }
                                         .border{
                                             width: 80%;
                                             border-top: solid 1px rgba(0, 0, 0, 0.3);
@@ -580,10 +583,10 @@
                                                     color: $blue-light;
                                                     display: inline-flex;
                                                     align-items: center;
-                                                    &:after{
-                                                        // display: block;
-                                                        content: url('data:image/svg+xml,<svg width="40" height="20" xmlns="http://www.w3.org/2000/svg" version="1.1"><polyline points="71.9,49 24.3,49 24.3,51 71.9,51 58.1,64.8 59.5,66.2 75.7,50 59.5,33.8 58.1,35.2" transform="scale(0.5) translate(0,-25)" fill="rgb(0,158,227)" stroke="rgb(0,158,227)" stroke-width="0.7"/></svg>');
-                                                    }
+                                                    // &:after{
+                                                    //     // display: block;
+                                                    //     content: url('data:image/svg+xml,<svg width="40" height="20" xmlns="http://www.w3.org/2000/svg" version="1.1"><polyline points="71.9,49 24.3,49 24.3,51 71.9,51 58.1,64.8 59.5,66.2 75.7,50 59.5,33.8 58.1,35.2" transform="scale(0.5) translate(0,-25)" fill="rgb(0,158,227)" stroke="rgb(0,158,227)" stroke-width="0.7"/></svg>');
+                                                    // }
                                                 // }
                                                 @media (max-width: 810px){
                                                     left: 81vw;
@@ -612,7 +615,7 @@
                                                 }
                                               
                                                 @media (max-width: 810px){
-                                                    padding-left: 2rem;
+                                                    padding-left: 1rem !important;
                                                     flex-direction: column;
                                                     .views-row{
                                                         width: 100% !important;

Some files were not shown because too many files changed in this diff