responsive bdd

2022-04-08 17:06:08 +02:00
parent abac084fcd
commit 808a75e5de
3 changed files with 62 additions and 14 deletions
@@ -60,21 +60,31 @@
                                        margin-bottom: 2rem;
                                        justify-content: space-between;
                                        align-items: center;
+                                        @media (max-width: 810px){
+                                            width: 100%;
+                                            margin: auto;
+                                            padding-top: 1rem;
+                                            padding-bottom: 2rem;
+                                        }
                                        
                                        .views-row{
                                            display: flex;
                                            margin: auto;
                                            background: $white;
-                                            width: 46%;
+                                            width: 40%;
                                            height: 80%;
                                            padding: 1rem;
+                                            @media (max-width: 810px){
+                                                width: 100%;
+                                                margin: 0em;
+                                            }
                                            
                                            
                                            .views-field-name{
-                                                
+                                                display: flex;
                                                .field-content{
-                                                    grid-column: 3 /span 6;
-                                                    
+                                                    // grid-column: 3 /span 6;
+                                                    margin: auto;
 
                                                }
                                                span{
@@ -82,6 +92,9 @@
                                                    margin: 0;
                                                    padding: 1rem;
                                                    padding-bottom: 2rem;
+                                                    @media (max-width: 359px){
+                                                        padding-left: 0.5rem;
+                                                    }
                                                }
                                                
                                               
@@ -90,6 +103,10 @@
                                                color: $black;
                                                font-size: 1.5rem;    
                                                font-weight: 600;
+                                                @media (max-width: 453px){
+                                                    font-size: 1.3rem;
+                                                    hyphens: auto;
+                                                }
                                            }
                                            &:hover{
                                                background: $blue-dark;
@@ -157,10 +174,11 @@
                                // width: 65%;
                                margin: auto;
                                background: $white;
-                                margin-top:2rem;
+                                margin-top:5rem;
                            // }
                            @media (max-width: 810px){
                                padding: 2rem;
+                                margin-top:1rem;
                            }
                        }

@@ -1,5 +1,12 @@
  
 .path-ressources.basededonnees.autres{
+
+
+    .block-config-pages-block{
+        display: none;
+    }
+
+
  //button proposer une ressource
    .block-block-content82917d0c-5004-4bfb-af66-ce334782d82d{
        visibility: visible !important;