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;
+                                                }
+                                            }
+                                            
                                        }