Jelajahi Sumber

loupe input

ouidade 1 hari lalu
induk
melakukan
c9dd408193

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

@@ -5522,14 +5522,17 @@ svg.ext {
 .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 label {
   display: none;
 }
-.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 {
-  text-align: start !important;
-  max-width: 100% !important;
+.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 {
+  display: inline-flex;
 }
-.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::after {
+.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");
   display: inline-block;
 }
+.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 input {
+  text-align: start !important;
+  max-width: 100% !important;
+}
 .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 select ::placeholder {
   display: none;
 }

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

@@ -280,14 +280,19 @@
                                                 border-left: none;
                                                 border-right: none;
                                                 label{display: none;}
-                                                input{
-                                                    text-align: start !important;
-                                                    max-width: 100% !important;
+                                                .input-wrapper{
+                                                    display: inline-flex;
                                                     &::after{
                                                         content: url("../images/pictos/loupe.svg");
                                                         display: inline-block;
                                                     }
+                                                    input{
+                                                        text-align: start !important;
+                                                        max-width: 100% !important;
+                                                       
+                                                    }
                                                 }
+                                               
                                             }
                                             select{
                                                 ::placeholder{

+ 17 - 0
web/themes/custom/eql/templates/partials/input--textfield.html.twig

@@ -0,0 +1,17 @@
+{#
+/**
+ * @file
+ * Default theme implementation for an 'input' #type form element.
+ *
+ * Available variables:
+ * - attributes: A list of HTML attributes for the input element.
+ * - children: Optional additional rendered elements.
+ *
+ * @see template_preprocess_input()
+ *
+ * @ingroup themeable
+ */
+#}
+<div class="input-wrapper">
+<input{{ attributes }} />{{ children }}
+</div>