From e02b8f52427dc59d8b87e2fc68ba4aa8d627e244 Mon Sep 17 00:00:00 2001 From: ouidade Date: Mon, 20 Dec 2021 20:28:40 +0100 Subject: [PATCH] =?UTF-8?q?ressources=20li=C3=A9es=20dans=20page=20une=20r?= =?UTF-8?q?essource?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- web/themes/custom/eql/css-compiled/styles.css | 31 +- .../custom/eql/scss/pages/_basededonnees.scss | 397 +++++++++--------- .../custom/eql/scss/pages/_ressource.scss | 46 +- 3 files changed, 260 insertions(+), 214 deletions(-) diff --git a/web/themes/custom/eql/css-compiled/styles.css b/web/themes/custom/eql/css-compiled/styles.css index afd8bb6..6884352 100644 --- a/web/themes/custom/eql/css-compiled/styles.css +++ b/web/themes/custom/eql/css-compiled/styles.css @@ -1512,15 +1512,30 @@ a { width: 100%; height: auto; } .page-node-type-ressource .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .node-type-ressource .field--name-field-type-de-ressource { - display: inline-flex; + text-transform: uppercase; } + .page-node-type-ressource .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .node-type-ressource .field--name-field-type-de-ressource a { + color: #009ee3; + font-weight: 900; + font-size: 0.8rem; } + .page-node-type-ressource .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .node-type-ressource .field--name-field-mots-clefs { + display: flex; margin-top: 2rem; - background: #09398b; - margin-right: 1rem; - padding-left: 0.3rem; - padding-right: 0.3rem; - color: white; - font-weight: 800; - vertical-align: middle; } + flex-direction: row; + flex-wrap: wrap; } + .page-node-type-ressource .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .node-type-ressource .field--name-field-mots-clefs .field__item { + margin-right: 1rem; + padding-left: 0.3rem; + padding-right: 0.3rem; } + .page-node-type-ressource .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .node-type-ressource .field--name-field-mots-clefs .field__item a { + background: #09398b; + color: white; + font-weight: 800; + vertical-align: super; + padding-left: 0.1rem; + padding-right: 0.1rem; + display: inline-flex; } + .page-node-type-ressource .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .node-type-ressource ul.links.inline { + display: none; } .offresdeservices .layout-content .region-content #block-contenudelapageprincipale { background: url("../images/pictos/carre-contour-bleu_programme.svg"); diff --git a/web/themes/custom/eql/scss/pages/_basededonnees.scss b/web/themes/custom/eql/scss/pages/_basededonnees.scss index 0211b6a..f95ba6e 100644 --- a/web/themes/custom/eql/scss/pages/_basededonnees.scss +++ b/web/themes/custom/eql/scss/pages/_basededonnees.scss @@ -30,222 +30,223 @@ background-size: cover; - // bandeau filtres collections - .block-views-blockcollections-block-1{ - background: $background-actus; - height: fit-content; - display: flex; - div{ - width: 100%; - } - .view-id-collections{ - height: 100%; + // bandeau filtres collections + .block-views-blockcollections-block-1{ + background: $background-actus; + height: fit-content; display: flex; - width: 60%; - margin: auto; - - .view-content{ + div{ + width: 100%; + } + .view-id-collections{ + height: 100%; display: flex; - flex-direction: row; + width: 60%; + margin: auto; + + .view-content{ + display: flex; + flex-direction: row; + margin: auto; + + margin-top: 2rem; + margin-bottom: 2rem; + justify-content: space-between; + align-items: center; + .views-row{ + background: $white; + width: 46%; + + height: 80%; + padding: 1rem; + a{ + color: $black; + font-size: 1.5rem; + font-weight: 600; + } + &:hover{ + background: $blue-dark; + a{ + color: $white; + } + } + + } + } + } + // .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; + // } + // } + + // } + // } + + // } + + } + + // texte présentation + .block-config-pages-block{ + margin: 2rem; + .field--name-field-introduction{ + width: 65%; margin: auto; - + background: $white; + } + } + + // grille des ressources + .block-views-blockbase-de-donnees-block-1{ + margin: auto; + width: 60%; + + + .view-filters{ + display: none; + background-color: $white; margin-top: 2rem; margin-bottom: 2rem; - justify-content: space-between; - align-items: center; - .views-row{ - background: $white; - width: 46%; - - height: 80%; - padding: 1rem; - a{ - color: $black; - font-size: 1.5rem; - font-weight: 600; - } - &:hover{ - background: $blue-dark; - a{ - color: $white; - } - } - - } - } - } - // .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; - // } - // } - - // } - // } - - // } - - } - - // texte présentation - .block-config-pages-block{ - margin: 2rem; - .field--name-field-introduction{ - width: 65%; - margin: auto; - background: $white; - } - } - - // grille des ressources - .block-views-blockbase-de-donnees-block-1{ - margin: auto; - width: 60%; - - - .view-filters{ - display: none; - background-color: $white; - margin-top: 2rem; - margin-bottom: 2rem; - .views-exposed-form-base-de-donnees-block-1{ - width: fit-content; - display: flex; - .js-form-item.form-item.js-form-type-select.form-item-field-type-de-ressource-target-id.js-form-item-field-type-de-ressource-target-id{ + .views-exposed-form-base-de-donnees-block-1{ width: fit-content; - } - .form-item{ - width: fit-content; - } - .form-item-field-type-de-ressource-target-id{ - width: fit-content; - - } - - } - } - .view-content{ - display: flex; - flex-direction: row; - flex-wrap: wrap; - justify-content: space-between; - margin-top: 3rem; - .views-row{ - width: 49%; - // padding: 1rem; - // width: 50%; - min-height: 300px; - border: 2px solid $blue-light; - background-color: $white; - margin-bottom: 1rem; - } - - .node-type-ressource{ display: flex; - flex-direction: column; - // border: 2px solid $blue-light; - padding: 1rem; + .js-form-item.form-item.js-form-type-select.form-item-field-type-de-ressource-target-id.js-form-item-field-type-de-ressource-target-id{ + width: fit-content; + } + .form-item{ + width: fit-content; + } + .form-item-field-type-de-ressource-target-id{ + width: fit-content; + + } - &:hover{ - background-color: $blue-light; + } + } + .view-content{ + display: flex; + flex-direction: row; + flex-wrap: wrap; + justify-content: space-between; + margin-top: 3rem; + .views-row{ + width: 49%; + // padding: 1rem; + // width: 50%; + min-height: 300px; + border: 2px solid $blue-light; + background-color: $white; + margin-bottom: 1rem; + } + + .node-type-ressource{ + display: flex; + flex-direction: column; + // border: 2px solid $blue-light; + padding: 1rem; + + &:hover{ + background-color: $blue-light; + .field--name-field-mots-clefs{ + // &::after{ + // content: url("../images/pictos/noun_Arrow_3771902.svg"); + + // } + } + } + // &::after{ + // content: url("../images/pictos/noun_Arrow_3771902.svg"); + // align-self: end; + // margin-top: 1rem; + // } + + .field--name-field-type-de-ressource{ + text-transform: uppercase; + + a{ + color: $blue-light; + font-weight: 900; + font-size: 0.8rem; + } + } + .field--name-title{ + h2{ + margin: 0; + a{ + color: $black; + font-size: 1.4rem; + font-weight: 600; + + } + + } + } + .field--name-field-auteur-s-{ + font-weight: 800; + p{ + margin: 0; + } + .field__label{ + display:none; + } + } + .field--name-field-edition{ + p{ + margin: 0; + } + .field__label{ + display:none; + } + } + .field--name-field-images{ + display: none; + width: 50%; + img{ + width: 100%; + height: auto; + } + } .field--name-field-mots-clefs{ + display: flex; + margin-top: 2rem; + flex-direction: row; + flex-wrap: wrap; + // &::after{ // content: url("../images/pictos/noun_Arrow_3771902.svg"); + // align-self: center; + // } - } - } - // &::after{ - // content: url("../images/pictos/noun_Arrow_3771902.svg"); - // align-self: end; - // margin-top: 1rem; - // } - - .field--name-field-type-de-ressource{ - text-transform: uppercase; - - a{ - color: $blue-light; - font-weight: 900; - font-size: 0.8rem; - } - } - .field--name-title{ - h2{ - margin: 0; - a{ - color: $black; - font-size: 1.4rem; - font-weight: 600; - - } - - } - } - .field--name-field-auteur-s-{ - font-weight: 800; - p{ - margin: 0; - } - .field__label{ - display:none; - } - } - .field--name-field-edition{ - p{ - margin: 0; - } - .field__label{ - display:none; - } - } - .field--name-field-images{ - display: none; - width: 50%; - img{ - width: 100%; - height: auto; - } - } - .field--name-field-mots-clefs{ - display: flex; - margin-top: 2rem; - flex-direction: row; - flex-wrap: wrap; - - // &::after{ - // content: url("../images/pictos/noun_Arrow_3771902.svg"); + .field__item{ + + margin-right: 1rem; + padding-left: 0.3rem; + padding-right: 0.3rem; - // align-self: center; - - // } - .field__item{ - - margin-right: 1rem; - padding-left: 0.3rem; - padding-right: 0.3rem; - - a{ - background: $blue-dark; - color: $white; - font-weight: 800; - vertical-align: super; - padding-left: 0.1rem; - padding-right: 0.1rem; - display: inline-flex; + a{ + background: $blue-dark; + color: $white; + font-weight: 800; + vertical-align: super; + padding-left: 0.1rem; + padding-right: 0.1rem; + display: inline-flex; + } } } + ul.links.inline{ + display: none; + } } - ul.links.inline{ - display: none; - } - } + } } - } + } diff --git a/web/themes/custom/eql/scss/pages/_ressource.scss b/web/themes/custom/eql/scss/pages/_ressource.scss index 9b04908..8d2b795 100644 --- a/web/themes/custom/eql/scss/pages/_ressource.scss +++ b/web/themes/custom/eql/scss/pages/_ressource.scss @@ -258,15 +258,45 @@ } } .field--name-field-type-de-ressource{ - display: inline-flex; + text-transform: uppercase; + + a{ + color: $blue-light; + font-weight: 900; + font-size: 0.8rem; + } + } + .field--name-field-mots-clefs{ + display: flex; margin-top: 2rem; - background: $blue-dark; - margin-right: 1rem; - padding-left: 0.3rem; - padding-right: 0.3rem; - color: $white; - font-weight: 800; - vertical-align: middle; + flex-direction: row; + flex-wrap: wrap; + + // &::after{ + // content: url("../images/pictos/noun_Arrow_3771902.svg"); + + // align-self: center; + + // } + .field__item{ + + margin-right: 1rem; + padding-left: 0.3rem; + padding-right: 0.3rem; + + a{ + background: $blue-dark; + color: $white; + font-weight: 800; + vertical-align: super; + padding-left: 0.1rem; + padding-right: 0.1rem; + display: inline-flex; + } + } + } + ul.links.inline{ + display: none; } } }