responsive filtres projets

2025-09-22 21:05:52 +02:00
parent ea031339c0
commit 36c55ee931
3 changed files with 55 additions and 4 deletions
@@ -2,6 +2,12 @@
    flex-direction: row;
    position: relative;
    align-items: center;
+    
+    select{
+        @media (max-width:810px){
+            max-width: 58%;
+        }
+    }
 }

 #views-exposed-form-base-de-donnees-block-1{
@@ -34,6 +40,9 @@
 #views-exposed-form-projets-block-1{
    display: flex;
    flex-wrap: wrap;
+    @media (max-width:810px){
+        font-size: 0.8rem;
+    }
    .js-form-item{
        display: flex;
        flex-direction: row;
@@ -48,6 +57,7 @@
            display: flex;
            flex-direction: row;
            justify-content: space-between;
+            max-width: 85%;
        }
        label{
            flex: 2 1 auto;
@@ -55,6 +65,9 @@
            &::after{
                content: ' : ';
            }
+            @media (max-width:810px){
+                padding-right: 1rem;
+            }
        }
        input{
            flex: 2 1 auto;
@@ -90,5 +103,8 @@
        background-color: transparent;
        font-family: "Marianne";
        font-size: 1rem;
+        @media (max-width:810px){
+            font-size: 0.8rem;
+        }
    }
 }