buton déposer offre de service

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

@@ -1655,96 +1655,124 @@ a {
       width: fit-content;
       margin-left: 10%;
       margin-top: 8rem; }
-  .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-config-pages-block {
-    margin: 2rem;
-    margin-top: 4rem; }
-    .offresdeservices .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; }
-  .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-display-id-block_1 {
-    width: 65%;
-    margin: auto; }
-  .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-filters {
-    display: none;
-    background: white; }
-  .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content {
-    display: flex;
-    flex-wrap: wrap;
-    margin-top: 3rem; }
-    .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row {
-      width: 50%; }
-      .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .node-type-offre_de_service {
-        border: 2px solid #009ee3;
-        padding: 1rem;
-        height: fit-content;
-        margin-bottom: 1rem;
-        background-color: white;
-        margin-right: 1rem;
-        height: 200px; }
-        .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .node-type-offre_de_service div:first-of-type {
-          display: grid;
-          grid-template-columns: 1fr auto 1fr;
-          grid-template-rows: repeat(6 auto); }
-          .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .node-type-offre_de_service div:first-of-type .field--name-field-type-de-protagoniste {
-            grid-column: 1 / span 3;
-            grid-row: 1;
+  .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content {
+    display: grid;
+    grid-template-columns: 1fr repeat(4, 2fr) 1fr; }
+    .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-config-pages-block {
+      grid-column: 2 / span 3;
+      margin-top: 4rem; }
+      .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-config-pages-block .field--name-field-introduction {
+        margin: auto;
+        background: white; }
+        .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-config-pages-block .field--name-field-introduction p {
+          margin: 0; }
+    .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-block-content7dc5bc6b-f5ca-4815-b689-49382aafa2dc {
+      grid-column: 5;
+      margin-top: 4rem;
+      background-color: #009ee3;
+      height: fit-content;
+      width: 80%;
+      margin-left: 2rem; }
+      .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-block-content7dc5bc6b-f5ca-4815-b689-49382aafa2dc .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; }
+        .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-block-content7dc5bc6b-f5ca-4815-b689-49382aafa2dc .field--name-field-lien a {
+          font-weight: 800;
+          color: white;
+          font-size: 1.3rem; }
+        .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-block-content7dc5bc6b-f5ca-4815-b689-49382aafa2dc .field--name-field-lien:after {
+          margin-left: auto;
+          padding-top: 1rem;
+          display: block;
+          content: url("../images/pictos/noun_Arrow_3771902.svg"); }
+    .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 {
+      grid-column: 2 / span 3; }
+      .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-display-id-block_1 {
+        margin: auto; }
+      .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-filters {
+        background: white; }
+      .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content {
+        display: flex;
+        flex-wrap: wrap;
+        margin-top: 3rem; }
+        .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row {
+          width: 50%; }
+          .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .node-type-offre_de_service {
+            border: 2px solid #009ee3;
+            padding: 1rem;
+            height: fit-content;
             margin-bottom: 1rem;
-            text-transform: uppercase;
-            font-weight: 800;
-            font-size: 00.8rem; }
-          .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .node-type-offre_de_service div:first-of-type .field--name-field-photo {
-            grid-column: 1;
-            grid-row: 2 / span 6;
+            background-color: white;
             margin-right: 1rem;
-            max-height: 170px; }
-            .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .node-type-offre_de_service div:first-of-type .field--name-field-photo img {
-              max-width: 100%;
-              object-fit: cover;
-              height: auto;
-              max-height: 95%; }
-          .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .node-type-offre_de_service div:first-of-type .field--name-field-prenom {
-            grid-column: 2;
-            grid-row: 2;
-            padding-right: 0.5rem;
-            text-transform: uppercase;
-            font-weight: 800;
-            font-size: 1rem; }
-          .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .node-type-offre_de_service div:first-of-type .field--name-field-nom {
-            grid-column: 3;
-            grid-row: 2;
-            text-transform: uppercase;
-            font-weight: 800;
-            font-size: 1rem; }
-          .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .node-type-offre_de_service div:first-of-type .field--name-field-structure {
-            grid-column: 2 / span 3;
-            grid-row: 3;
-            text-transform: uppercase;
-            font-weight: 800;
-            font-size: 0.8rem; }
-          .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .node-type-offre_de_service div:first-of-type .field--name-title {
-            grid-column: 2 / span 3;
-            grid-row: 4;
-            font-size: 1.3rem; }
-            .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .node-type-offre_de_service div:first-of-type .field--name-title a {
-              color: black; }
-          .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .node-type-offre_de_service div:first-of-type .field--name-field-localisation {
-            grid-column: 2 / span 3;
-            grid-row: 5;
-            text-transform: uppercase;
-            font-weight: 800;
-            font-size: 00.8rem; }
-          .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .node-type-offre_de_service div:first-of-type .field--name-field-date-de-proposition {
-            display: inline-flex;
-            grid-column: 2 / span 3;
-            grid-row: 6;
-            font-size: 0.8rem;
-            padding-top: 1rem;
-            justify-content: space-between;
-            align-items: center; }
-            .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .node-type-offre_de_service div:first-of-type .field--name-field-date-de-proposition::after {
-              content: url("../images/pictos/noun_Arrow_3771902.svg");
-              align-self: end; }
+            height: 200px; }
+            .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .node-type-offre_de_service div:first-of-type {
+              display: grid;
+              grid-template-columns: 1fr auto 1fr;
+              grid-template-rows: repeat(6 auto); }
+              .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .node-type-offre_de_service div:first-of-type .field--name-field-type-de-protagoniste {
+                grid-column: 1 / span 3;
+                grid-row: 1;
+                margin-bottom: 1rem;
+                text-transform: uppercase;
+                font-weight: 800;
+                font-size: 00.8rem; }
+              .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .node-type-offre_de_service div:first-of-type .field--name-field-photo {
+                grid-column: 1;
+                grid-row: 2 / span 6;
+                margin-right: 1rem;
+                max-height: 170px; }
+                .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .node-type-offre_de_service div:first-of-type .field--name-field-photo img {
+                  max-width: 100%;
+                  object-fit: cover;
+                  height: auto;
+                  max-height: 95%; }
+              .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .node-type-offre_de_service div:first-of-type .field--name-field-prenom {
+                grid-column: 2;
+                grid-row: 2;
+                padding-right: 0.5rem;
+                text-transform: uppercase;
+                font-weight: 800;
+                font-size: 1rem; }
+              .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .node-type-offre_de_service div:first-of-type .field--name-field-nom {
+                grid-column: 3;
+                grid-row: 2;
+                text-transform: uppercase;
+                font-weight: 800;
+                font-size: 1rem; }
+              .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .node-type-offre_de_service div:first-of-type .field--name-field-structure {
+                grid-column: 2 / span 3;
+                grid-row: 3;
+                text-transform: uppercase;
+                font-weight: 800;
+                font-size: 0.8rem; }
+              .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .node-type-offre_de_service div:first-of-type .field--name-title {
+                grid-column: 2 / span 3;
+                grid-row: 4;
+                font-size: 1.3rem; }
+                .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .node-type-offre_de_service div:first-of-type .field--name-title a {
+                  color: black; }
+              .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .node-type-offre_de_service div:first-of-type .field--name-field-localisation {
+                grid-column: 2 / span 3;
+                grid-row: 5;
+                text-transform: uppercase;
+                font-weight: 800;
+                font-size: 00.8rem; }
+              .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .node-type-offre_de_service div:first-of-type .field--name-field-date-de-proposition {
+                display: inline-flex;
+                grid-column: 2 / span 3;
+                grid-row: 6;
+                font-size: 0.8rem;
+                padding-top: 1rem;
+                justify-content: space-between;
+                align-items: center; }
+                .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .node-type-offre_de_service div:first-of-type .field--name-field-date-de-proposition::after {
+                  content: url("../images/pictos/noun_Arrow_3771902.svg");
+                  align-self: end; }
 
 .page-node-type-offre-de-service {
   background: url("../images/pictos/carre-contour-bleu-offre.svg");

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

@@ -31,28 +31,67 @@
                 }
                 .layout--onecol{
                     .block-region-content{
-                        
+              
+                        display: grid;
+                        grid-template-columns: 1fr repeat(4, 2fr) 1fr;
 
 
                         // texte présentation
                         .block-config-pages-block{
-                            margin: 2rem;
+                            grid-column: 2 / span 3;
+                            // margin: 2rem;
                             margin-top: 4rem;
                             .field--name-field-introduction{
-                                width: 65%;
                                 margin: auto;
                                 background: $white;
+                                p{margin: 0;}
+                            }
+                        }
+
+                        // buton déposer une offre
+                        .block-block-content7dc5bc6b-f5ca-4815-b689-49382aafa2dc{
+                            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")
+                                    
+                                }
+    
                             }
+
                         }
+
+                        // offres
                         .block-views-blockoffres-de--block-1{
+                            grid-column: 2 / span 3;
                             .view-display-id-block_1{
-                                width: 65%;
                                 margin: auto;
                             }
 
                             // bandeau filtes
                             .view-filters{
-                                display: none;
+                                // display: none;
                                 background: $white;
                             }