Pārlūkot izejas kodu

css grille ressources

ouidade 1 gadu atpakaļ
vecāks
revīzija
72b05f122f

+ 45 - 22
web/themes/custom/eql/css-compiled/styles.css

@@ -3241,6 +3241,10 @@ a {
           .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--top .top_top .block-entity-fieldnodefield-photo img {
             width: 100%;
             max-height: 300px; } }
+      .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--top .top_top .block-entity-fieldnodefield-photo .slick-dots > li {
+        display: inline-block; }
+      .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--top .top_top .block-entity-fieldnodefield-photo .slick-dots > li:only-child {
+        display: none; }
     .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--top .top_top .top_right {
       width: 40%; }
       @media (max-width: 568px) {
@@ -3250,7 +3254,7 @@ a {
         margin: 0; }
         .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--top .top_top .top_right .block-entity-fieldnodetitle .field--name-title {
           font-family: "Marianne";
-          font-size: 2.5rem;
+          font-size: 2.3rem;
           font-weight: 800;
           color: #009ee3; }
           @media (max-width: 1624px) {
@@ -3310,7 +3314,8 @@ a {
     border: 0.1rem solid;
     justify-content: space-evenly;
     width: 90%;
-    margin-top: 3rem; }
+    margin-top: 3rem;
+    font-weight: 600; }
     @media (max-width: 479px) {
       .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--top .top_bottom {
         flex-direction: column;
@@ -3319,14 +3324,16 @@ a {
       padding-right: 1rem;
       order: 1;
       width: 30%;
-      position: relative; }
+      position: relative;
+      height: 80px;
+      text-align: center; }
       @media (max-width: 479px) {
         .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--top .top_bottom .top_bottom_left {
           width: 100%; } }
       .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--top .top_bottom .top_bottom_left::before {
         content: url("../images/pictos/picto_lieu.svg");
-        display: inline-block;
-        width: 50px;
+        min-width: 30px;
+        height: auto;
         padding-right: 1rem;
         position: absolute;
         left: 0;
@@ -3335,10 +3342,13 @@ a {
       .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--top .top_bottom .top_bottom_left .block-entity-fieldnodefield-region {
         order: 1;
         margin-left: 70px;
-        margin-bottom: 1rem; }
+        margin-bottom: 1rem;
+        height: fit-content; }
       .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--top .top_bottom .top_bottom_left .block-entity-fieldnodefield-adresse {
+        display: inline-flex;
         order: 2;
-        margin-left: 70px; }
+        margin-left: 70px;
+        height: fit-content; }
         .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--top .top_bottom .top_bottom_left .block-entity-fieldnodefield-adresse .field--name-field-adresse {
           display: flex;
           flex-direction: row;
@@ -4183,47 +4193,60 @@ a {
               .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row .node-type-ressource:hover {
                 background-color: rgba(0, 158, 227, 0.2); }
               .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row .node-type-ressource .field--name-field-type-de-ressource {
-                text-transform: uppercase; }
+                text-transform: uppercase;
+                line-height: 1.1rem;
+                margin-top: 0.5rem; }
                 .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row .node-type-ressource .field--name-field-type-de-ressource a {
                   color: #009ee3;
                   font-weight: 900;
                   font-size: 0.8rem;
                   pointer-events: none;
                   cursor: default; }
-              .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row .node-type-ressource .field--name-title h2 {
-                margin: 0; }
-                .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row .node-type-ressource .field--name-title h2 a {
-                  color: black;
-                  font-size: 1rem;
-                  font-weight: 900;
-                  font-style: italic; }
+              .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row .node-type-ressource .field--name-title {
+                margin-top: 0.5rem; }
+                .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row .node-type-ressource .field--name-title h2 {
+                  margin: 0;
+                  line-height: 1rem; }
+                  .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row .node-type-ressource .field--name-title h2 a {
+                    color: black;
+                    font-size: 1rem;
+                    font-weight: 900;
+                    font-style: italic; }
               .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row .node-type-ressource .field--name-field-auteur-s- {
-                font-weight: 800; }
+                margin-top: 0.5rem;
+                font-weight: 800;
+                line-height: 1.1rem; }
                 .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row .node-type-ressource .field--name-field-auteur-s- p {
                   margin: 0; }
                 .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row .node-type-ressource .field--name-field-auteur-s- .field__label {
                   display: none; }
-              .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row .node-type-ressource .field--name-field-edition p {
-                margin: 0; }
-              .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row .node-type-ressource .field--name-field-edition .field__label {
-                display: none; }
+              .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row .node-type-ressource .field--name-field-edition {
+                margin-top: 0.5rem; }
+                .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row .node-type-ressource .field--name-field-edition p {
+                  margin: 0; }
+                .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row .node-type-ressource .field--name-field-edition .field__label {
+                  display: none; }
               .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row .node-type-ressource .field--name-field-images {
+                width: fit-content;
+                border: 1px solid #a3a3a3;
                 height: 100px; }
                 .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row .node-type-ressource .field--name-field-images .field__item {
                   height: 100px; }
                 .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row .node-type-ressource .field--name-field-images img {
                   height: 100%;
                   width: auto; }
+              .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row .node-type-ressource .field--name-field-date-de-parution {
+                margin-top: 0.3rem; }
               .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row .node-type-ressource .field--name-field-mots-clefs {
                 display: flex;
-                margin-top: 2rem;
+                margin-top: 1rem;
                 flex-direction: row;
                 flex-wrap: wrap; }
                 .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row .node-type-ressource .field--name-field-mots-clefs .field__item {
                   margin-right: 0.5rem;
                   padding-left: 0.3rem;
                   padding-right: 0.3rem;
-                  font-size: 0.8rem; }
+                  font-size: 0.7rem; }
                   .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row .node-type-ressource .field--name-field-mots-clefs .field__item a {
                     background: #09398b;
                     color: white;

+ 22 - 3
web/themes/custom/eql/scss/pages/_projet.scss

@@ -43,6 +43,15 @@
                                 }
                                 // // position: relative;
                                 // // bottom: -50%;
+                                .slick-dots {
+                                    > li {
+                                        display: inline-block;
+                                    }
+                                    > li:only-child {
+                                        display: none;
+                                    }
+                                }
+                
                             }
 
                             .top_right{
@@ -54,7 +63,7 @@
                                     margin: 0;
                                     .field--name-title{
                                         font-family: "Marianne";
-                                        font-size: 2.5rem;
+                                        font-size: 2.3rem;
                                         font-weight: 800;
                                         color: $blue-light;
                                         @media (max-width:1624px) {
@@ -134,22 +143,28 @@
                             justify-content: space-evenly;
                             width: 90%;
                             margin-top: 3rem;
+                            font-weight: 600;
                             @media(max-width:479px){
                                 flex-direction: column;
                                 width: 100%;
                             }
                             .top_bottom_left{
+                                // display: flex;
+                                // flex-direction: row;
                                 padding-right: 1rem;
                                 order: 1;
                                 width: 30%;
                                 position: relative;
+                                height: 80px;
+                                text-align: center;
                                 @media(max-width:479px){
                                     width: 100%;
                                 }
                                 &::before{
                                     content: url("../images/pictos/picto_lieu.svg");
-                                    display: inline-block;
-                                    width: 50px;
+                                    // display: inline-flex;
+                                    min-width:30px;
+                                    height: auto;
                                     padding-right: 1rem;
                                     position: absolute;
                                     left: 0;
@@ -157,13 +172,17 @@
                                     margin-left: 1rem;
                                 }
                                 .block-entity-fieldnodefield-region{
+                                    // display: inline-flex;
                                     order: 1;
                                     margin-left: 70px;
                                     margin-bottom: 1rem;
+                                    height: fit-content;
                                 }
                                 .block-entity-fieldnodefield-adresse{
+                                    display: inline-flex;
                                     order: 2;
                                     margin-left: 70px;
+                                    height: fit-content;
                                     .field--name-field-adresse{
                                         display: flex;
                                         flex-direction: row;

+ 15 - 4
web/themes/custom/eql/scss/pages/_ressources.scss

@@ -188,7 +188,8 @@
         
                                             .field--name-field-type-de-ressource{
                                                 text-transform: uppercase;
-                                                
+                                                line-height: 1.1rem;
+                                                margin-top: 0.5rem;                                              
                                                 a{
                                                     color: $blue-light;
                                                     font-weight: 900;
@@ -198,8 +199,11 @@
                                                 }
                                             }
                                             .field--name-title{
+                                                margin-top: 0.5rem;
+
                                                 h2{
                                                     margin: 0;
+                                                    line-height: 1rem;
                                                     a{
                                                         color: $black;
                                                         font-size: 1rem;
@@ -210,7 +214,9 @@
                                                 }
                                             }
                                             .field--name-field-auteur-s-{
+                                                margin-top: 0.5rem;
                                                 font-weight: 800;
+                                                line-height: 1.1rem;
                                                 p{
                                                     margin: 0;
                                                 }
@@ -219,6 +225,7 @@
                                                 }
                                             }
                                             .field--name-field-edition{
+                                                margin-top: 0.5rem;
                                                 p{
                                                     margin: 0;
                                                 }
@@ -229,6 +236,8 @@
                                             .field--name-field-images{
                                                 // display: none;
                                                 // width: 30%;
+                                                width: fit-content;
+                                                border: 1px solid #a3a3a3;
                                                 height: 100px;
                                                 .field__item{
                                                     height: 100px;
@@ -240,18 +249,20 @@
                                                     // height: auto;
                                                 }
                                             }
+                                            .field--name-field-date-de-parution{
+                                                margin-top: 0.3rem;
+                                            }
                                             .field--name-field-mots-clefs{
                                                 display: flex;
-                                                margin-top: 2rem;
+                                                margin-top: 1rem;
                                                 flex-direction: row;
                                                 flex-wrap: wrap;
                                               
                                                 .field__item{
-                                                    
                                                     margin-right: 0.5rem;
                                                     padding-left: 0.3rem;
                                                     padding-right: 0.3rem;
-                                                    font-size: 0.8rem;
+                                                    font-size: 0.7rem;
                                                 
                                                     a{
                                                         background: $blue-dark;