Parcourir la source

buton proposer une ressource

ouidade il y a 3 ans
Parent
commit
1a905c2d23

+ 31 - 2
web/themes/custom/eql/css-compiled/styles.css

@@ -1315,8 +1315,11 @@ a {
     background-repeat: no-repeat;
     background-position-y: 30vh;
     max-width: 100vw;
-    background-size: cover; }
+    background-size: cover;
+    display: grid;
+    grid-template-columns: 1fr repeat(4, 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;
       background: rgba(0, 158, 227, 0.2);
       height: fit-content;
       display: flex; }
@@ -1349,14 +1352,40 @@ a {
               .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; }
     .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; }
       .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;
+      margin-top: 4rem;
+      background-color: #009ee3;
+      height: fit-content;
+      width: 80%;
+      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;
+        flex-direction: column;
+        margin-top: 2rem;
+        margin-bottom: 2rem;
+        margin-left: 1.5rem;
+        margin-right: 1.5rem;
+        text-align: center; }
+        .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 a {
+          font-weight: 800;
+          color: white;
+          font-size: 1.3rem; }
+        .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:after {
+          margin-left: auto;
+          padding-top: 1rem;
+          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%; }
+      width: 60%;
+      grid-column: 2 / span 5; }
       .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;

+ 38 - 0
web/themes/custom/eql/scss/pages/_basededonnees.scss

@@ -28,10 +28,14 @@
                         background-position-y: 30vh;
                         max-width: 100vw;
                         background-size: cover;
+                        display: grid;
+                        grid-template-columns: 1fr repeat(4, 2fr) 1fr;
+
 
 
                         // bandeau filtres collections
                         .block-views-blockcollections-block-1{
+                            grid-column: 1 / span 6;
                             background: $background-actus;
                             height: fit-content;
                             display: flex;
@@ -93,6 +97,7 @@
 
                         // texte présentation
                         .block-config-pages-block{
+                            grid-column: 2 / span 3;
                             margin: 2rem;
                             .field--name-field-introduction{
                                 width: 65%;
@@ -101,10 +106,43 @@
                             }
                         }
 
+                        //button proposer une ressource
+                        .block-block-content82917d0c-5004-4bfb-af66-ce334782d82d{
+                            grid-column: 5;
+                            margin-top: 4rem;
+                            background-color: $blue-light;
+                            height: fit-content;
+                            width: 80%;
+                            margin-left: 2rem;
+
+                            .field--name-field-lien{
+                                display: flex;
+                                flex-direction: column;
+                                margin-top: 2rem;
+                                margin-bottom: 2rem;
+                                margin-left: 1.5rem;
+                                margin-right: 1.5rem;
+                                text-align: center;
+                                a{
+                                    font-weight: 800;
+                                    color: $white;
+                                    font-size: 1.3rem;
+                                } 
+                                &:after{
+                                    margin-left: auto;
+                                    padding-top: 1rem;
+                                    display: block;
+                                    content:url("../images/pictos/noun_Arrow_3771902.svg")
+                                    
+                                }
+    
+                            }
+                        }
                         // grille des ressources
                         .block-views-blockbase-de-donnees-block-1{
                             margin: auto;
                             width: 60%;
+                            grid-column: 2 / span 5;
                         
                             
                             .view-filters{