소스 검색

css bouton zoom projet

ouidade 10 달 전
부모
커밋
01e1cc89e5

+ 13 - 11
web/themes/custom/eql/css-compiled/styles.css

@@ -690,9 +690,9 @@ a {
 .path-frontpage .block-block-contentbfb4368c-4f85-4329-88f1-8769161aa66f {
   display: flex;
   flex-flow: row-reverse;
-  top: -109px;
-  position: relative;
-  right: 200px; }
+  background: rgba(0, 158, 227, 0.2);
+  padding-right: 10%;
+  padding-bottom: 4rem; }
   .path-frontpage .block-block-contentbfb4368c-4f85-4329-88f1-8769161aa66f .field--type-text-with-summary {
     height: fit-content;
     padding: 0.4rem 1rem;
@@ -702,14 +702,16 @@ a {
     border: 2px solid #009ee3;
     list-style: none;
     display: inline-flex; }
-  .path-frontpage .block-block-contentbfb4368c-4f85-4329-88f1-8769161aa66f a {
-    text-transform: uppercase;
-    font-weight: 700;
-    color: #009ee3;
-    display: inline-flex;
-    align-items: center; }
-  .path-frontpage .block-block-contentbfb4368c-4f85-4329-88f1-8769161aa66f a::after {
-    content: url('data:image/svg+xml,<svg width="40" height="20" xmlns="http://www.w3.org/2000/svg" version="1.1"><polyline points="71.9,49 24.3,49 24.3,51 71.9,51 58.1,64.8 59.5,66.2 75.7,50 59.5,33.8 58.1,35.2" transform="scale(0.5) translate(0,-25)"  fill="rgb(0,158,227)" stroke="rgb(0,158,227)" stroke-width="0.7"/></svg>'); }
+    .path-frontpage .block-block-contentbfb4368c-4f85-4329-88f1-8769161aa66f .field--type-text-with-summary p {
+      margin: 0; }
+    .path-frontpage .block-block-contentbfb4368c-4f85-4329-88f1-8769161aa66f .field--type-text-with-summary a {
+      text-transform: uppercase;
+      font-weight: 700;
+      color: #009ee3;
+      display: inline-flex;
+      align-items: center; }
+    .path-frontpage .block-block-contentbfb4368c-4f85-4329-88f1-8769161aa66f .field--type-text-with-summary a::after {
+      content: url('data:image/svg+xml,<svg width="40" height="20" xmlns="http://www.w3.org/2000/svg" version="1.1"><polyline points="71.9,49 24.3,49 24.3,51 71.9,51 58.1,64.8 59.5,66.2 75.7,50 59.5,33.8 58.1,35.2" transform="scale(0.5) translate(0,-25)"  fill="rgb(0,158,227)" stroke="rgb(0,158,227)" stroke-width="0.7"/></svg>'); }
 
 .path-frontpage .block-views-blockprojets-block-2 #leaflet-map-view-projets-block-2 {
   height: 500px !important; }

+ 13 - 0
web/themes/custom/eql/eql.theme

@@ -21,6 +21,7 @@ function eql_preprocess_html(&$variables) {
 function eql_preprocess_node(&$variables){
   $node = &$variables['node'];
   $variables['attributes']['class'][] = 'node-type-' . $node->gettype();
+  // $variables['elements']['content_bottom'] = [];   /////////////////////////////
   if($node->gettype() == "actualite") {
     $actu_type = $node->get('field_actu_type')->getString();
     $variables['attributes']['class'][] = 'actu-type-' . $actu_type;
@@ -30,6 +31,18 @@ function eql_preprocess_node(&$variables){
     $variables['attributes']['class'][] = 'type-de-protagoniste-' . $type_protagoniste;
   }
 
+
+  // foreach ($variables['elements'] as $key => $value){              //////////////////////////////////
+    // if(isset($value['#view_mode']) && $value['#view_mode']== 'teaser'){
+      // if($value['elements']=="field_region" || $value['#derivative_plugin_id']=="node:field_adresse"){
+        // $variables['elements']['content_bottom'][] = $variables["elements"]["field_incube"]["#field_name"];
+
+      // }
+   
+    // }
+  // }
+  
+
   
 }
 

+ 8 - 5
web/themes/custom/eql/scss/pages/_home.scss

@@ -459,10 +459,12 @@
         .block-block-contentbfb4368c-4f85-4329-88f1-8769161aa66f{
             display: flex;
             flex-flow: row-reverse;
-            top: -109px;
-            position: relative;
-            right: 200px;
-    
+            // top: -109px;
+            // position: relative;
+            // right: 200px;
+            background: $background-actus;
+            padding-right:10%;   
+            padding-bottom: 4rem;
             .field--type-text-with-summary{
                 height: fit-content;
                 padding: 0.4rem 1rem;
@@ -472,7 +474,7 @@
                 border: 2px solid $blue-light; 
                 list-style: none; 
                 display: inline-flex;
-            }
+                p{margin: 0;}
                 a{
                     text-transform: uppercase;
                     font-weight: 700;
@@ -485,6 +487,7 @@
                     content: url('data:image/svg+xml,<svg width="40" height="20" xmlns="http://www.w3.org/2000/svg" version="1.1"><polyline points="71.9,49 24.3,49 24.3,51 71.9,51 58.1,64.8 59.5,66.2 75.7,50 59.5,33.8 58.1,35.2" transform="scale(0.5) translate(0,-25)"  fill="rgb(0,158,227)" stroke="rgb(0,158,227)" stroke-width="0.7"/></svg>');
             
                 }
+            }
         }
 
         //carte

+ 3 - 0
web/themes/custom/eql/templates/node.html.twig

@@ -94,6 +94,9 @@
 
   <div{{ content_attributes }}>
     {{ content }}
+    <div class="filtres_projet">
+    {{content.bottom}}
+    </div>
   </div>
 
 </article>