bachir/d9-eql
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

annuaire de recherche

Browse Source
This commit is contained in:
ouidade
2021-12-17 12:11:54 +01:00
parent 9528ce666e
commit 67d77b2046
4 changed files with 183 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/eql/css-compiled/styles.css
+60 -12
View File
@@ -1837,18 +1837,66 @@ a {
font-weight: 800;
vertical-align: middle; }
.path-ressources.annuairederecherche .layout-content .region-content #block-contenudelapageprincipale span {
padding-top: 3rem;
padding-bottom: 3rem;
vertical-align: middle; }
.path-ressources.annuairederecherche .layout-content .region-content #block-contenudelapageprincipale span h2 {
margin: 0;
padding-top: 2rem;
height: 4rem;
color: white;
font-family: "Source Code Pro";
text-transform: uppercase;
background: #009ee3; }
.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; }
.path-ressources.annuairederecherche .layout-content .region-content #block-contenudelapageprincipale span {
padding-top: 3rem;
padding-bottom: 3rem;
vertical-align: middle;
color: white; }
.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
+80 -8
View File
@@ -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;
padding-top: 2rem;
height: 4rem;
font-family: 'Source Code Pro';
font-size: 2rem;
font-weight: 800;
color: $white;
font-family: "Source Code Pro";
background-color: $blue-light;
text-transform: uppercase;
background: $blue-light;
// padding-left: 13%;
width: fit-content;
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
+14
View File
@@ -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
+29
View File
@@ -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 %}