page base de données grille

web/themes/custom/eql/css-compiled/styles.css

@@ -1313,57 +1313,59 @@ a {
     position: relative;
     background: url("../images/pictos/carre-contour-bleu_bdd.svg");
     background-repeat: no-repeat;
-    background-position-y: 30vh;
+    background-position-y: 40vh;
     max-width: 100vw;
     background-size: cover;
     display: grid;
-    grid-template-columns: 1fr repeat(4, 2fr) 1fr; }
+    grid-template-columns: 1fr repeat(8, 2fr) 1fr; }
     .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 {
-      grid-column: 1 / span 6;
+      grid-column: 1 / span 10;
       background: rgba(0, 158, 227, 0.2);
       height: fit-content;
       display: flex; }
-      .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 div {
-        width: 100%; }
-      .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 .view-id-collections {
-        height: 100%;
-        display: flex;
-        width: 60%;
-        margin: auto; }
-        .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 .view-id-collections .view-content {
+      .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 div:first-of-type {
+        width: 100%;
+        display: grid;
+        grid-template-columns: 1fr repeat(8, 2fr) 1fr; }
+        .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 div:first-of-type .view-id-collections {
+          grid-column: 3 / span 8;
+          height: 100%;
           display: flex;
-          flex-direction: row;
-          margin: auto;
-          margin-top: 2rem;
-          margin-bottom: 2rem;
-          justify-content: space-between;
-          align-items: center; }
-          .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 .view-id-collections .view-content .views-row {
-            background: white;
-            width: 46%;
-            height: 80%;
-            padding: 1rem; }
-            .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 .view-id-collections .view-content .views-row a {
-              color: black;
-              font-size: 1.5rem;
-              font-weight: 600; }
-            .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 .view-id-collections .view-content .views-row:hover {
-              background: #09398b; }
-              .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 .view-id-collections .view-content .views-row:hover a {
-                color: white; }
+          width: 80%; }
+          .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 div:first-of-type .view-id-collections .view-content {
+            display: flex;
+            flex-direction: row;
+            margin: auto;
+            margin-top: 2rem;
+            margin-bottom: 2rem;
+            justify-content: space-between;
+            align-items: center; }
+            .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 div:first-of-type .view-id-collections .view-content .views-row {
+              display: flex;
+              margin: auto;
+              background: white;
+              width: 46%;
+              height: 80%;
+              padding: 1rem; }
+              .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 div:first-of-type .view-id-collections .view-content .views-row a {
+                color: black;
+                font-size: 1.5rem;
+                font-weight: 600; }
+              .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 div:first-of-type .view-id-collections .view-content .views-row:hover {
+                background: #09398b; }
+                .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 div:first-of-type .view-id-collections .view-content .views-row:hover a {
+                  color: white; }
     .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-config-pages-block {
-      grid-column: 2 / span 3;
-      margin: 2rem; }
+      grid-column: 3 / span 5; }
       .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-config-pages-block .field--name-field-introduction {
-        width: 65%;
         margin: auto;
         background: white; }
     .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-block-content82917d0c-5004-4bfb-af66-ce334782d82d {
-      grid-column: 5;
+      grid-column: 8 / span 9;
       margin-top: 4rem;
       background-color: #009ee3;
       height: fit-content;
-      width: 80%;
+      width: 60%;
       margin-left: 2rem; }
       .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-block-content82917d0c-5004-4bfb-af66-ce334782d82d .field--name-field-lien {
         display: flex;
@@ -1383,9 +1385,8 @@ a {
           display: block;
           content: url("../images/pictos/noun_Arrow_3771902.svg"); }
     .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 {
-      margin: auto;
-      width: 60%;
-      grid-column: 2 / span 5; }
+      width: 80%;
+      grid-column: 3 / span 8; }
       .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-filters {
         display: none;
         background-color: white;

web/themes/custom/eql/scss/pages/_basededonnees.scss

@@ -25,82 +25,86 @@
                         position: relative;
                         background: url('../images/pictos/carre-contour-bleu_bdd.svg');
                         background-repeat: no-repeat;
-                        background-position-y: 30vh;
+                        background-position-y: 40vh;
                         max-width: 100vw;
                         background-size: cover;
                         display: grid;
-                        grid-template-columns: 1fr repeat(4, 2fr) 1fr;
+                        grid-template-columns: 1fr repeat(8, 2fr) 1fr;
 
 
 
                         // bandeau filtres collections
                         .block-views-blockcollections-block-1{
-                            grid-column: 1 / span 6;
+                            grid-column: 1 / span 10;
                             background: $background-actus;
                             height: fit-content;
                             display: flex;
-                            div{
+                            div:first-of-type{
                                 width: 100%;
-                            }
-                            .view-id-collections{
-                                height: 100%;
-                                display: flex;
-                                width: 60%;
-                            margin: auto;
-                                
-                                .view-content{
+                                display: grid;
+                                grid-template-columns: 1fr repeat(8, 2fr) 1fr;
+                                .view-id-collections{
+                                    grid-column: 3 / span 8;
+                                    height: 100%;
                                     display: flex;
-                                    flex-direction: row;
-                                    margin: auto;
-                                
-                                    margin-top: 2rem;
-                                    margin-bottom: 2rem;
-                                    justify-content: space-between;
-                                    align-items: center;
-                                    .views-row{
-                                        background: $white;
-                                        width: 46%;
-                                        
-                                        height: 80%;
-                                        padding: 1rem;
-                                        a{
-                                            color: $black;
-                                            font-size: 1.5rem;    
-                                            font-weight: 600;
-                                        }
-                                        &:hover{
-                                            background: $blue-dark;
+                                    width: 80%;
+                                    // margin: auto;
+                                    
+                                    .view-content{
+                                        display: flex;
+                                        flex-direction: row;
+                                        margin: auto;
+                                        margin-top: 2rem;
+                                        margin-bottom: 2rem;
+                                        justify-content: space-between;
+                                        align-items: center;
+                                        .views-row{
+                                            display: flex;
+                                            margin: auto;
+                                            background: $white;
+                                            width: 46%;
+                                            height: 80%;
+                                            padding: 1rem;
                                             a{
-                                                color: $white;  
+                                                color: $black;
+                                                font-size: 1.5rem;    
+                                                font-weight: 600;
+                                            }
+                                            &:hover{
+                                                background: $blue-dark;
+                                                a{
+                                                    color: $white;  
+                                                }
                                             }
+            
                                         }
-        
                                     }
                                 }
+                                // .view-filters{
+                                //     .views-exposed-form-base-de-donnees-block-1{
+                                //         .form-item-field-type-de-ressource-target-id{
+                                //             #edit-field-type-de-ressource-target-id{
+                                                
+                                //                 label{
+                                //                     display: none;
+                                //                 }
+                                //             }
+                                        
+                                //         }
+                                //     }
+    
+                                // }
                             }
-                            // .view-filters{
-                            //     .views-exposed-form-base-de-donnees-block-1{
-                            //         .form-item-field-type-de-ressource-target-id{
-                            //             #edit-field-type-de-ressource-target-id{
-                                            
-                            //                 label{
-                            //                     display: none;
-                            //                 }
-                            //             }
-                                    
-                            //         }
-                            //     }
 
-                            // }
 
                         }
 
                         // texte présentation
                         .block-config-pages-block{
-                            grid-column: 2 / span 3;
-                            margin: 2rem;
+                            grid-column: 3 / span 5;
+                            // margin: 2rem;
                             .field--name-field-introduction{
-                                width: 65%;
+                                // width: 65%;
                                 margin: auto;
                                 background: $white;
                             }
@@ -108,11 +112,11 @@
 
                         //button proposer une ressource
                         .block-block-content82917d0c-5004-4bfb-af66-ce334782d82d{
-                            grid-column: 5;
+                            grid-column: 8 / span 9;
                             margin-top: 4rem;
                             background-color: $blue-light;
                             height: fit-content;
-                            width: 80%;
+                            width: 60%;
                             margin-left: 2rem;
 
                             .field--name-field-lien{
@@ -140,9 +144,9 @@
                         }
                         // grille des ressources
                         .block-views-blockbase-de-donnees-block-1{
-                            margin: auto;
-                            width: 60%;
-                            grid-column: 2 / span 5;
+                            // margin: auto;
+                            width: 80%;
+                            grid-column: 3 / span 8;
                         
                             
                             .view-filters{