annuaire de recherche

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

@@ -1837,18 +1837,66 @@ a {
             font-weight: 800;
             vertical-align: middle; }
 
-.path-ressources.annuairederecherche .layout-content .region-content #block-contenudelapageprincipale span {
+.path-ressources.annuairederecherche .layout-content {
-  padding-top: 3rem;
+  background: url("../images/pictos/carre-contour-bleu_programme.svg");
-  padding-bottom: 3rem;
+  background-repeat: no-repeat;
-  vertical-align: middle; }
+  background-position-y: 20vh;
-  .path-ressources.annuairederecherche .layout-content .region-content #block-contenudelapageprincipale span h2 {
+  max-width: 100vw;
-    margin: 0;
+  background-size: cover; }
-    padding-top: 2rem;
+  .path-ressources.annuairederecherche .layout-content .region-content #block-contenudelapageprincipale span {
-    height: 4rem;
+    padding-top: 3rem;
-    color: white;
+    padding-bottom: 3rem;
-    font-family: "Source Code Pro";
+    vertical-align: middle;
-    text-transform: uppercase;
+    color: white; }
-    background: #009ee3; }
+    .path-ressources.annuairederecherche .layout-content .region-content #block-contenudelapageprincipale span h2 {
+      font-family: 'Source Code Pro';
+      font-size: 2rem;
+      font-weight: 800;
+      color: white;
+      background-color: #009ee3;
+      text-transform: uppercase;
+      width: fit-content;
+      margin-left: 10%;
+      margin-top: 8rem;
+      margin-bottom: 6rem; }
+  .path-ressources.annuairederecherche .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--second {
+    flex: 0 1 50%;
+    margin-left: 25%; }
+    .path-ressources.annuairederecherche .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--second .block-region-second .block-config-pages-block {
+      background-color: white;
+      margin-bottom: 4rem; }
+    .path-ressources.annuairederecherche .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--second .block-region-second .node-type-partenaires_logo_footer_ {
+      margin-bottom: 3rem; }
+      .path-ressources.annuairederecherche .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--second .block-region-second .node-type-partenaires_logo_footer_ div {
+        display: grid;
+        grid-template-columns: auto auto;
+        grid-template-rows: auto auto auto; }
+        .path-ressources.annuairederecherche .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--second .block-region-second .node-type-partenaires_logo_footer_ div .field--name-field-logo {
+          grid-column: 1;
+          grid-row: 1 /span 3;
+          margin-right: 1rem;
+          max-height: 8rem; }
+          .path-ressources.annuairederecherche .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--second .block-region-second .node-type-partenaires_logo_footer_ div .field--name-field-logo a {
+            height: 8rem;
+            width: 8rem; }
+            .path-ressources.annuairederecherche .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--second .block-region-second .node-type-partenaires_logo_footer_ div .field--name-field-logo a img {
+              height: 100%;
+              width: 100%;
+              object-fit: contain; }
+        .path-ressources.annuairederecherche .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--second .block-region-second .node-type-partenaires_logo_footer_ div .field--name-title {
+          grid-column: 2;
+          font-weight: 800; }
+        .path-ressources.annuairederecherche .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--second .block-region-second .node-type-partenaires_logo_footer_ div .field--name-body {
+          grid-column: 2; }
+          .path-ressources.annuairederecherche .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--second .block-region-second .node-type-partenaires_logo_footer_ div .field--name-body p {
+            margin: 0; }
+        .path-ressources.annuairederecherche .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--second .block-region-second .node-type-partenaires_logo_footer_ div .field--name-field-lien {
+          grid-column: 2; }
+          .path-ressources.annuairederecherche .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--second .block-region-second .node-type-partenaires_logo_footer_ div .field--name-field-lien a {
+            color: black;
+            text-decoration: underline; }
+            .path-ressources.annuairederecherche .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--second .block-region-second .node-type-partenaires_logo_footer_ div .field--name-field-lien a svg {
+              display: none; }
 
 /*partials*/
 .layout-container {

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

@@ -1,26 +1,98 @@
 .path-ressources.annuairederecherche{
     .layout-content{
+        background: url('../images/pictos/carre-contour-bleu_programme.svg');
+        background-repeat: no-repeat;
+        background-position-y: 20vh;
+        max-width: 100vw;
+        background-size: cover;
         .region-content{
             
             #block-contenudelapageprincipale{
+
                 span{
                     padding-top: 3rem;
                     padding-bottom: 3rem;
                     vertical-align: middle;
+                    color: $white;
                     h2{
-                        margin: 0;
+                        font-family: 'Source Code Pro';
-                        padding-top: 2rem;
+                        font-size: 2rem;
-                        height: 4rem;
+                        font-weight: 800;
                         color: $white;
-                        font-family: "Source Code Pro";
+                        background-color: $blue-light;
                         text-transform: uppercase;
-                        background: $blue-light; 
+                        width: fit-content;
-                        // padding-left: 13%;
+                        margin-left: 10%;
+                        margin-top: 8rem;
+                        margin-bottom: 6rem;
                        
                     }
                 }
+                .layout--threecol-25-50-25{
+                    .layout__region--second{
+                        flex: 0 1 50%;
+                        margin-left: 25%;
+                        .block-region-second{
+                            .block-config-pages-block{
+                                background-color: $white;
+                                margin-bottom: 4rem;
+                            }
+                            .node-type-partenaires_logo_footer_{
+                                margin-bottom: 3rem;
+                                div{
+                                    display: grid;
+                                    grid-template-columns: auto auto;
+                                    grid-template-rows: auto auto auto;
+                                   
+                                    
+                                    .field--name-field-logo{
+                                        grid-column: 1;
+                                        grid-row: 1 /span 3;
+                                        margin-right: 1rem;
+                                        max-height: 8rem;
+                                        a{
+                                            height: 8rem;
+                                            width: 8rem;
+                                            img{
+                                                height: 100%;
+                                                width: 100%;
+                                                object-fit: contain;
+                                            }
+    
+                                        }
+                                    }
+                                    .field--name-title{
+                                        grid-column: 2;
+                                        font-weight: 800;
+                                    }
+                                    .field--name-body{
+                                        grid-column: 2;
+                                        p {margin: 0;}
+                                    }
+                                    .field--name-field-lien{
+                                        grid-column: 2;
+                                        a{
+                                            color: $black;
+                                            text-decoration: underline;
+                                            svg{
+                                                display: none;
+                                            }
+                                        }
+                                    } 
+    
+                                }
 
+
+                            }
+                           
+                        }
+                    }
+    
+                }
+               
             }
-        }    
+        
-    }
+
+        }
+    }    
 }

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

@@ -72,6 +72,20 @@
                                 }
                             }
                         }
+                        // .view-filters{
+                        //     .views-exposed-form-base-de-donnees-block-1{
+                        //         .form-item-field-type-de-ressource-target-id{
+                        //             #edit-field-type-de-ressource-target-id{
+                                        
+                        //                 label{
+                        //                     display: none;
+                        //                 }
+                        //             }
+                                   
+                        //         }
+                        //     }
+
+                        // }
 
                     }
 

web/themes/custom/eql/templates/select.html.twig

@@ -0,0 +1,29 @@
+{#
+/**
+ * @file
+ * Default theme implementation for a select element.
+ *
+ * Available variables:
+ * - attributes: HTML attributes for the <select> tag.
+ * - options: The <option> element children.
+ *
+ * @see template_preprocess_select()
+ *
+ * @ingroup themeable
+ */
+#}
+{% apply spaceless %}
+  <select{{ attributes }}>
+    {% for option in options %}
+      {% if option.type == 'optgroup' %}
+        <optgroup label="{{ option.label }}">
+          {% for sub_option in option.options %}
+            <option value="{{ sub_option.value }}"{{ sub_option.selected ? ' selected="selected"' }}>{{ sub_option.label }}</option>
+          {% endfor %}
+        </optgroup>
+      {% elseif option.type == 'option' %}
+        <option value="{{ option.value }}"{{ option.selected ? ' selected="selected"' }}>{{ option.label }}</option>
+      {% endif %}
+    {% endfor %}
+  </select>
+{% endapply %}