Browse Source

line height

ouidade 1 tuần trước cách đây
mục cha
commit
2ec02860a6

+ 11 - 8
web/themes/custom/eql/dist/assets/css/bundle.css

@@ -5622,10 +5622,9 @@ svg.ext {
   flex-wrap: wrap;
   width: 100%;
 }
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-slide:not(:first-of-type) h3 {
+.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-slide:not(:first-of-type) {
   width: 80%;
-  border-top: solid 2px rgba(0, 0, 0, 0.3);
-  padding-top: 2rem;
+  border-top: solid 1px rgba(0, 0, 0, 0.3);
 }
 .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-slide.type-publications-issues-du-programme-eqld {
   order: 1;
@@ -5643,6 +5642,7 @@ svg.ext {
 }
 .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-slide.type-les-projets-en-images {
   order: 3;
+  border-top: solid 1px rgba(0, 0, 0, 0.3);
 }
 .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-slide.type-presse {
   order: 5;
@@ -5669,7 +5669,8 @@ svg.ext {
   width: 100%;
   position: relative;
   z-index: 0;
-  padding-bottom: 2rem;
+  padding-top: 1rem;
+  padding-bottom: 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-base-de-donnees .view-content .view-type-slide:not(footer)::before {
   content: "";
@@ -5684,7 +5685,6 @@ svg.ext {
   z-index: 1;
 }
 .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-slide:not(footer) h3 {
-  margin-top: 3rem;
   text-transform: uppercase;
   font-family: "Source Code Pro";
   color: rgb(9, 57, 139) !important;
@@ -5692,6 +5692,7 @@ svg.ext {
   flex-direction: row;
   align-items: center;
   font-size: 1.7rem;
+  margin-block: 0em;
 }
 @media (max-width: 810px) {
   .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-slide:not(footer) h3 {
@@ -5711,8 +5712,6 @@ svg.ext {
 }
 .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-slide:not(footer) h3.type-les-projets-en-images {
   width: 80%;
-  border-top: solid 2px rgba(0, 0, 0, 0.3);
-  padding-top: 2rem;
 }
 .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-slide:not(footer) h3.type-les-projets-en-images:before {
   content: url("../images/pictos/picto-ressource-projetsimages.svg");
@@ -5730,6 +5729,7 @@ svg.ext {
   position: relative;
   left: 60vw;
   top: -4rem;
+  margin-top: 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-base-de-donnees .view-content .view-type-slide:not(footer) .tout-voir a {
   text-transform: uppercase;
@@ -6808,12 +6808,14 @@ article.node-type-ressource .wrapper-ressource .field--name-title {
   grid-column: 2;
   margin-top: 0.5rem;
   order: 4;
+  margin-bottom: 0;
 }
 article.node-type-ressource .wrapper-ressource .field--name-title h2 {
   margin: 0;
   line-height: 1rem;
   margin-left: 0 !important;
   line-height: 0;
+  margin-bottom: 0 !important;
 }
 article.node-type-ressource .wrapper-ressource .field--name-title h2 a {
   color: rgb(0, 0, 0);
@@ -6836,10 +6838,11 @@ article.node-type-ressource .wrapper-ressource .field--name-field-auteur-s- .fie
 }
 article.node-type-ressource .wrapper-ressource .field--name-field-sous-titre {
   grid-column: 2;
-  margin-top: 0.5rem;
+  margin-top: 0.8rem;
   order: 5;
   font-size: 1rem;
   font-weight: 900;
+  line-height: 1.3;
 }
 article.node-type-ressource .wrapper-ressource .field--name-field-edition {
   order: 7;

+ 12 - 12
web/themes/custom/eql/scss/pages/ressources.scss

@@ -379,7 +379,6 @@
                                         }
                                     }
                                     .filtered{
-
                                         display: flex;
                                         flex-direction: row;
                                         flex-wrap: wrap;
@@ -387,11 +386,9 @@
                                             flex-wrap: wrap;
                                             width: 85%;
                                             .views-row {
-
                                                 padding: 1rem;
                                                 width: 30% !important;
-                                              }
-    
+                                            }
                                         }
                                     }
                                     .view-content{
@@ -401,10 +398,10 @@
                                         flex-wrap: wrap;
                                         width: 100%;
                                           
-                                        .view-type-slide:not(:first-of-type) h3 {
+                                        .view-type-slide:not(:first-of-type) {
                                             width: 80%;
-                                            border-top: solid 2px rgba(0, 0, 0, 0.3);
-                                            padding-top: 2rem;
+                                            border-top: solid 1px rgba(0, 0, 0, 0.3);
+                                            // padding-top: 2rem;
                                           }
                                         .view-type-slide.type-publications-issues-du-programme-eqld{
                                             order: 1;
@@ -418,7 +415,9 @@
                                             }
                                         }
                                         .view-type-slide.type-paroles-de-laureats{order: 2;}
-                                        .view-type-slide.type-les-projets-en-images{order: 3;}
+                                        .view-type-slide.type-les-projets-en-images{order: 3;
+                                            border-top: solid 1px rgba(0, 0, 0, 0.3);
+                                        }
                                         .view-type-slide.type-presse{
                                             order: 5;
                                             &::before{
@@ -437,7 +436,8 @@
                                             width: 100%;
                                             position: relative;
                                             z-index: 0;
-                                            padding-bottom: 2rem;
+                                            padding-top: 1rem;
+                                            padding-bottom: 1rem;
                                             &::before {
                                                 content: "";
                                                 position: absolute;
@@ -451,7 +451,7 @@
                                                 z-index: 1;
                                               }
                                             h3{
-                                                margin-top: 3rem;
+                                                // margin-top: 3rem;
                                                 text-transform: uppercase;
                                                 font-family: 'Source Code Pro';
                                                 color: rgb(9, 57, 139) !important;
@@ -459,6 +459,7 @@
                                                 flex-direction: row;
                                                 align-items: center;
                                                 font-size: 1.7rem;
+                                                margin-block: 0em;
                                                 @media (max-width: 810px){
                                                     padding-left: 2rem;
                                                 } 
@@ -478,8 +479,6 @@
                                             }
                                             h3.type-les-projets-en-images {
                                                 width: 80%;
-                                                border-top: solid 2px rgba(0, 0, 0, 0.3);
-                                                padding-top: 2rem;
                                                 &:before{
                                                     content:url("../images/pictos/picto-ressource-projetsimages.svg");
                                                     padding-right: 1rem;
@@ -500,6 +499,7 @@
                                                 position: relative;
                                                 left: 60vw;
                                                 top: -4rem;
+                                                margin-top: 1rem;
                                                 a{
                                                     text-transform: uppercase;
                                                     font-size: 0.7rem;

+ 4 - 1
web/themes/custom/eql/scss/partials/_node-type-ressource-teaser.scss

@@ -133,11 +133,13 @@ article.node-type-ressource{
             grid-column: 2;
             margin-top: 0.5rem;
             order: 4;
+            margin-bottom: 0;
             h2{
                 margin: 0;
                 line-height: 1rem;
                 margin-left: 0 !important;
                 line-height: 0;
+                margin-bottom: 0 !important;
                 a{
                     color: $black;
                     font-size: 1rem;
@@ -163,10 +165,11 @@ article.node-type-ressource{
         }
         .field--name-field-sous-titre{
             grid-column: 2;
-            margin-top: 0.5rem;
+            margin-top: 0.8rem;
             order: 5;
             font-size: 1rem;
             font-weight: 900;
+            line-height: 1.3;
         }
         .field--name-field-edition{
             order: 7;