Quellcode durchsuchen

input-wrapper width 100%, remove overflow-y scroll

ouidade vor 1 Woche
Ursprung
Commit
17bc052b3c

+ 5 - 1
web/themes/custom/eql/dist/assets/css/bundle.css

@@ -5431,7 +5431,6 @@ svg.ext {
   z-index: 1;
   transform: translateY(-210px);
   margin-bottom: -210px;
-  overflow-y: scroll;
 }
 @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-filters {
@@ -5594,6 +5593,11 @@ svg.ext {
   display: inline-flex;
   position: relative;
   font-size: 0.8rem;
+  width: -webkit-fill-available; /* Safari/Chrome */
+  width: -moz-available; /* Firefox */
+  width: fill-available; /* standard futur */
+  width: 100%; /* fallback */
+  max-width: 100%;
 }
 .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-filters form .form-item-combine .input-wrapper::after {
   content: url("../images/pictos/loupe.svg");

+ 7 - 3
web/themes/custom/eql/scss/pages/ressources.scss

@@ -153,7 +153,7 @@
                                         z-index: 1;
                                         transform: translateY(-210px);
                                         margin-bottom: -210px;
-                                        overflow-y: scroll;
+                                       
 
                                         @media (max-width: 810px) {
                                             position: static;
@@ -361,6 +361,11 @@
                                                     display: inline-flex;
                                                     position: relative;
                                                     font-size: 0.8rem;
+                                                    width: -webkit-fill-available; /* Safari/Chrome */
+                                                    width: -moz-available;         /* Firefox */
+                                                    width: fill-available;         /* standard futur */
+                                                    width: 100%;                   /* fallback */
+                                                    max-width: 100%;
                                                     &::after{
                                                         content: url("../images/pictos/loupe.svg");
                                                         display: inline-block;
@@ -374,8 +379,7 @@
                                                   
                                                   
                                             }
-                                            .form-item-combine:not(.form-item-field-date-de-parution-value)
-                                            .search-with-clear{
+                                            .form-item-combine:not(.form-item-field-date-de-parution-value) .search-with-clear{
                                                 .clear-input {
                                                     position: absolute;
                                                     right: -4px;