From 8de382ec6bd2ce676ca228daa9ea7b09f0a0a046 Mon Sep 17 00:00:00 2001
From: ouidade <ouidade@figureslibres.io>
Date: Fri, 3 Dec 2021 16:54:16 +0100
Subject: [PATCH] lien ext page static

---
 web/profiles/d8-starterkit-profile            |   2 +-
 web/themes/custom/eql/css-compiled/styles.css | 142 +++++++------
 web/themes/custom/eql/scss/pages/_static.scss | 190 ++++++++++--------
 3 files changed, 185 insertions(+), 149 deletions(-)

diff --git a/web/profiles/d8-starterkit-profile b/web/profiles/d8-starterkit-profile
index 9b46db9..6fe8986 160000
--- a/web/profiles/d8-starterkit-profile
+++ b/web/profiles/d8-starterkit-profile
@@ -1 +1 @@
-Subproject commit 9b46db9c56faf2cbc965ea1b76ce5345e7f46c0f
+Subproject commit 6fe8986494069c7e9bf019cbe98d8f2c7d5166d0
diff --git a/web/themes/custom/eql/css-compiled/styles.css b/web/themes/custom/eql/css-compiled/styles.css
index 709231d..7edf7cd 100644
--- a/web/themes/custom/eql/css-compiled/styles.css
+++ b/web/themes/custom/eql/css-compiled/styles.css
@@ -201,73 +201,83 @@ a {
   .layout__region--second .block-entity-fieldnodefield-textes p {
     margin-top: 0; }
 
-.layout__region--third .block-entity-fieldnodefield-fichiers {
-  height: fit-content;
-  border: 2px solid #009ee3;
-  width: 72%; }
-
-.layout__region--third .field--name-field-fichiers {
-  min-height: 4rem;
-  background: white;
-  color: #009ee3;
-  padding-left: 1rem;
-  padding-top: 1rem; }
-  .layout__region--third .field--name-field-fichiers span:nth-of-type(2) {
-    display: none; }
-  .layout__region--third .field--name-field-fichiers .file--mime-application-pdf {
-    height: inherit;
-    margin: auto; }
-    .layout__region--third .field--name-field-fichiers .file--mime-application-pdf ::before {
-      content: url("../images/pictos/noun_Download_file_307900.svg");
-      width: 50px;
-      height: 53px;
-      padding-right: 1rem; }
-    .layout__region--third .field--name-field-fichiers .file--mime-application-pdf a {
-      display: inline-flex;
-      align-items: center;
-      color: #009ee3;
-      font-weight: 800; }
-  .layout__region--third .field--name-field-fichiers .field--name-field-liens {
-    height: inherit;
-    margin: auto; }
-    .layout__region--third .field--name-field-fichiers .field--name-field-liens ::before {
-      content: url("../images/pictos/noun_External Link_674151.svg");
-      width: 50px;
-      height: 53px;
-      padding-right: 1rem; }
-    .layout__region--third .field--name-field-fichiers .field--name-field-liens a {
-      display: inline-flex;
-      align-items: center;
-      color: #009ee3;
-      font-weight: 800; }
-
-.layout__region--third .block-entity-fieldnodefield-ress {
-  margin-top: 5rem; }
-  .layout__region--third .block-entity-fieldnodefield-ress h2 {
-    font-size: 1rem;
-    color: black; }
-  .layout__region--third .block-entity-fieldnodefield-ress .node-type-ressource {
-    display: flex;
-    border: 2px solid #009ee3;
-    padding-left: 1rem;
-    padding-bottom: 3rem;
-    width: 69%;
+.layout__region--third .block-region-third {
+  display: flex;
+  flex-direction: column;
+  width: 70%; }
+  .layout__region--third .block-region-third .block-entity-fieldnodefield-fichiers {
     height: fit-content;
-    margin-bottom: 1rem;
-    background-color: white; }
-    .layout__region--third .block-entity-fieldnodefield-ress .node-type-ressource:first-of-type {
-      border-top: 1px solid #009ee3;
-      padding-top: 1rem; }
-    .layout__region--third .block-entity-fieldnodefield-ress .node-type-ressource .field, .layout__region--third .block-entity-fieldnodefield-ress .node-type-ressource a {
-      line-height: 0.6rem;
-      font-size: 1.5rem;
-      color: #09398b;
-      font-weight: 500; }
-    .layout__region--third .block-entity-fieldnodefield-ress .node-type-ressource .field--name-field-images {
-      width: 50%; }
-      .layout__region--third .block-entity-fieldnodefield-ress .node-type-ressource .field--name-field-images img {
-        width: 100%;
-        height: auto; }
+    border: 2px solid #009ee3; }
+  .layout__region--third .block-region-third .field--name-field-fichiers {
+    min-height: 4rem;
+    background: white;
+    color: #009ee3;
+    padding-left: 1rem;
+    padding-top: 1rem; }
+    .layout__region--third .block-region-third .field--name-field-fichiers span:nth-of-type(2) {
+      display: none; }
+    .layout__region--third .block-region-third .field--name-field-fichiers .file--mime-application-pdf {
+      height: inherit;
+      margin: auto; }
+      .layout__region--third .block-region-third .field--name-field-fichiers .file--mime-application-pdf ::before {
+        content: url("../images/pictos/noun_Download_file_307900.svg");
+        width: 50px;
+        height: 53px;
+        padding-right: 1rem; }
+      .layout__region--third .block-region-third .field--name-field-fichiers .file--mime-application-pdf a {
+        display: inline-flex;
+        align-items: center;
+        color: #009ee3;
+        font-weight: 800; }
+  .layout__region--third .block-region-third .block-entity-fieldnodefield-liens {
+    height: fit-content;
+    border: 2px solid #009ee3;
+    min-height: 4rem;
+    background: white;
+    color: #009ee3;
+    padding-left: 1rem;
+    padding-top: 1rem; }
+    .layout__region--third .block-region-third .block-entity-fieldnodefield-liens .field--name-field-liens {
+      height: inherit;
+      margin: auto; }
+      .layout__region--third .block-region-third .block-entity-fieldnodefield-liens .field--name-field-liens a {
+        display: inline-flex;
+        align-items: center;
+        color: #009ee3;
+        font-weight: 800; }
+        .layout__region--third .block-region-third .block-entity-fieldnodefield-liens .field--name-field-liens a::before {
+          content: url("../images/pictos/noun_External Link_674151.svg");
+          width: 50px;
+          height: 53px;
+          padding-right: 1rem; }
+        .layout__region--third .block-region-third .block-entity-fieldnodefield-liens .field--name-field-liens a svg.ext {
+          display: none; }
+  .layout__region--third .block-region-third .block-entity-fieldnodefield-ress {
+    margin-top: 5rem; }
+    .layout__region--third .block-region-third .block-entity-fieldnodefield-ress h2 {
+      font-size: 1rem;
+      color: black; }
+    .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource {
+      display: flex;
+      border: 2px solid #009ee3;
+      padding-left: 1rem;
+      padding-bottom: 3rem;
+      height: fit-content;
+      margin-bottom: 1rem;
+      background-color: white; }
+      .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource:first-of-type {
+        border-top: 1px solid #009ee3;
+        padding-top: 1rem; }
+      .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource .field, .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource a {
+        line-height: 0.6rem;
+        font-size: 1.5rem;
+        color: #09398b;
+        font-weight: 500; }
+      .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource .field--name-field-images {
+        width: 50%; }
+        .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource .field--name-field-images img {
+          width: 100%;
+          height: auto; }
 
 .path-frontpage .block-region-content {
   display: grid;
diff --git a/web/themes/custom/eql/scss/pages/_static.scss b/web/themes/custom/eql/scss/pages/_static.scss
index 0f01a70..313788b 100644
--- a/web/themes/custom/eql/scss/pages/_static.scss
+++ b/web/themes/custom/eql/scss/pages/_static.scss
@@ -74,94 +74,120 @@
     
 }
 
-.layout__region--third{                     // colone de droite fichiers et ressources liées
-    .block-entity-fieldnodefield-fichiers{
-        height: fit-content;
-        border: 2px solid $blue-light;
-        width: 72%;
-    }         
-    .field--name-field-fichiers{
-        min-height: 4rem;
-        // max-width: 75%;
-        background: $white;
-        color: $blue-light;
-        padding-left: 1rem;
-        padding-top: 1rem;
-
-        span:nth-of-type(2){
-            display: none;
-        }
-        
-        .file--mime-application-pdf{    
-            height: inherit;      
-            margin: auto;  
-            ::before{
-                content: url("../images/pictos/noun_Download_file_307900.svg");
-                width: 50px;
-                height: 53px;
-                padding-right: 1rem;
-            }
-            a{
-                display: inline-flex;
-                align-items: center;
-                color: $blue-light;
-                font-weight: 800;
-            }
-        }
-        .field--name-field-liens{
-            height: inherit;      
-            margin: auto;  
-            ::before{
-                content: url("../images/pictos/noun_External Link_674151.svg");
-                width: 50px;
-                height: 53px;
-                padding-right: 1rem;
-            }
-            a{
-                display: inline-flex;
-                align-items: center;
-                color: $blue-light;
-                font-weight: 800;
-            }
-        }
-    }
-
-    .block-entity-fieldnodefield-ress{
-        margin-top: 5rem;        
-
-        h2{
-            font-size: 1rem;
-            color: $black;
-        }
-
-        .node-type-ressource{
-            display: flex;
-            border: 2px solid $blue-light;
-            padding-left: 1rem;
-            padding-bottom: 3rem;
-            width: 69%;
+.layout__region--third{     // colone de droite fichiers et ressources liées
+    .block-region-third{
+        display: flex;
+        flex-direction: column;
+        width: 70%;                
+        .block-entity-fieldnodefield-fichiers{
             height: fit-content;
-            margin-bottom: 1rem;
-            background-color: $white;
-            &:first-of-type{
-                border-top: 1px solid $blue-light;
-                padding-top: 1rem;
+            border: 2px solid $blue-light;
+    
+        }         
+        .field--name-field-fichiers{
+            min-height: 4rem;
+            // max-width: 75%;
+            background: $white;
+            color: $blue-light;
+            padding-left: 1rem;
+            padding-top: 1rem;
+    
+            span:nth-of-type(2){
+                display: none;
             }
-            .field, a{
-                line-height: 0.6rem;
-                font-size: 1.5rem;
-                color: $blue-dark;
-                font-weight: 500;
+            
+            .file--mime-application-pdf{    
+                height: inherit;      
+                margin: auto;  
+                ::before{
+                    content: url("../images/pictos/noun_Download_file_307900.svg");
+                    width: 50px;
+                    height: 53px;
+                    padding-right: 1rem;
+                }
+                a{
+                    display: inline-flex;
+                    align-items: center;
+                    color: $blue-light;
+                    font-weight: 800;
+                }
             }
-            .field--name-field-images{
-                width: 50%;
-                img{
-                    width: 100%;
-                    height: auto;
+    
+        }
+        .block-entity-fieldnodefield-liens{
+            height: fit-content;
+            border: 2px solid $blue-light;
+    
+            min-height: 4rem;
+            // max-width: 75%;
+            background: $white;
+            color: $blue-light;
+            padding-left: 1rem;
+            padding-top: 1rem;
+    
+            .field--name-field-liens{
+                height: inherit;      
+                margin: auto;  
+    
+    
+                a{
+                    display: inline-flex;
+                    align-items: center;
+                    color: $blue-light;
+                    font-weight: 800;
+                    &::before{
+                        content: url("../images/pictos/noun_External Link_674151.svg");
+                        width: 50px;
+                        height: 53px;
+                        padding-right: 1rem;
+                    }
+                    svg.ext{
+                        display: none;
+                    }
+                }
+            }
+        
+        }
+       
+    
+        .block-entity-fieldnodefield-ress{
+            margin-top: 5rem;        
+    
+            h2{
+                font-size: 1rem;
+                color: $black;
+            }
+    
+            .node-type-ressource{
+                display: flex;
+                border: 2px solid $blue-light;
+                padding-left: 1rem;
+                padding-bottom: 3rem;
+    
+                height: fit-content;
+                margin-bottom: 1rem;
+                background-color: $white;
+                &:first-of-type{
+                    border-top: 1px solid $blue-light;
+                    padding-top: 1rem;
+                }
+                .field, a{
+                    line-height: 0.6rem;
+                    font-size: 1.5rem;
+                    color: $blue-dark;
+                    font-weight: 500;
+                }
+                .field--name-field-images{
+                    width: 50%;
+                    img{
+                        width: 100%;
+                        height: auto;
+                    }
                 }
             }
         }
+    
     }
-
+    
 
 }