css filtre, js type ressources

2025-05-23 13:49:57 +02:00
parent 334a9e1508
commit 2beb6ca342
7 changed files with 128 additions and 19 deletions
@@ -122,7 +122,7 @@
                                }
                                .view-base-de-donnees{
                                    display: grid;
-                                    grid-template-columns: 30% 75%;
+                                    grid-template-columns: 25% 80%;
                                    gap: 2rem;
                                    .view-filters{
                                        position: sticky;
@@ -133,7 +133,7 @@
                                        margin-bottom: 5rem;
                                        padding: 1rem;
                                        padding-left: 2rem;
-                                        padding-right: 3rem;
+                                        padding-right: 1.5rem;
                                        z-index: 1;
                                        transform: translateY(-100px);
                                        margin-bottom: -100px;
@@ -275,6 +275,26 @@
                                                    padding-bottom: 1rem;
                                                }
                                            }
+                                            .form-item-combine{
+                                                border-top: none;
+                                                border-left: none;
+                                                border-right: none;
+                                                label{display: none;}
+                                                input{
+                                                    text-align: start !important;
+                                                    max-width: 100% !important;
+                                                    &::after{
+                                                        content: url("../images/pictos/loupe.svg");
+                                                        display: inline-block;
+                                                    }
+                                                }
+                                            }
+                                            select{
+                                                ::placeholder{
+                                                    display: none;
+                                                }
+                                            }
+                                            
                                        }
                                        

@@ -11,14 +11,17 @@
        justify-content: center;
    }
    .js-form-item{
-        flex-direction: column !important;
+        // flex-direction: column !important;
        margin-right: 0 !important;
        input,
        select{
            width: 100%;
+            text-align: end;
+            
        }
        label{
-            padding-right: 0 !important;
+            padding-right: 0.5rem !important;
+            flex: 2 0 auto !important;
        }

    }