From f61446230f09b6fbcd788319732fb4e46ea7ac9b Mon Sep 17 00:00:00 2001 From: ouidade Date: Tue, 27 Jun 2023 12:57:12 +0200 Subject: [PATCH] css liens ressources pages static --- config/sync/views.view.base_de_donnees.yml | 16 +- web/themes/custom/eql/css-compiled/styles.css | 287 +++++++++++------- web/themes/custom/eql/eql.theme | 31 ++ .../custom/eql/scss/pages/_ressource.scss | 173 ++++++----- .../custom/eql/scss/pages/_ressources.scss | 117 +++---- web/themes/custom/eql/scss/pages/_static.scss | 150 +++++---- 6 files changed, 454 insertions(+), 320 deletions(-) diff --git a/config/sync/views.view.base_de_donnees.yml b/config/sync/views.view.base_de_donnees.yml index be7ac5d..c9da256 100644 --- a/config/sync/views.view.base_de_donnees.yml +++ b/config/sync/views.view.base_de_donnees.yml @@ -83,9 +83,9 @@ display: exposed_form: type: basic options: - submit_button: Filtrer + submit_button: Appliquer reset_button: true - reset_button_label: Tout + reset_button_label: Réinitialiser exposed_sorts_label: 'Sort by' expose_sort_order: false sort_asc_label: Asc @@ -361,6 +361,12 @@ display: pid: '' depth: '0' type: container + field_date_de_parution_value: + weight: '-8' + id: field_date_de_parution_value + pid: root + depth: '1' + type: filter field_type_de_ressource_target_id: weight: '-8' id: field_type_de_ressource_target_id @@ -373,12 +379,6 @@ display: pid: root depth: '1' type: filter - field_collections_target_id: - weight: '-8' - id: field_collections_target_id - pid: root - depth: '1' - type: filter submit: weight: '-8' id: submit diff --git a/web/themes/custom/eql/css-compiled/styles.css b/web/themes/custom/eql/css-compiled/styles.css index 7311b5a..85e18fe 100644 --- a/web/themes/custom/eql/css-compiled/styles.css +++ b/web/themes/custom/eql/css-compiled/styles.css @@ -304,6 +304,7 @@ a { color: #009ee3; padding-left: 0.8rem; padding-top: 1rem; + padding-bottom: 1rem; margin-bottom: 1rem; } .path-node.page-node-type-static .layout-container .layout-content .layout__region--third .block-region-third .field--name-field-fichiers span:nth-of-type(2) { display: none; } @@ -312,40 +313,35 @@ a { margin: auto; } .path-node.page-node-type-static .layout-container .layout-content .layout__region--third .block-region-third .field--name-field-fichiers .file--mime-application-pdf ::before { content: url("../images/pictos/noun_Download_file_307900.svg"); - min-width: 40px; + min-width: 25px; height: auto; - padding-right: 0.5rem; - display: inline-flex; - align-items: center; } + padding-right: 0.5rem; } .path-node.page-node-type-static .layout-container .layout-content .layout__region--third .block-region-third .field--name-field-fichiers .file--mime-application-pdf a { hyphens: auto; display: inline-flex; - align-items: center; color: #009ee3; font-weight: 800; } .path-node.page-node-type-static .layout-container .layout-content .layout__region--third .block-region-third .block-entity-fieldnodefield-liens .field--name-field-liens .field__item { margin: auto; height: fit-content; border: 2px solid #009ee3; - min-height: 4rem; + min-height: 2rem; background: white; color: #009ee3; padding-left: 0.8rem; padding-top: 1rem; + padding-bottom: 1rem; margin-bottom: 1rem; } .path-node.page-node-type-static .layout-container .layout-content .layout__region--third .block-region-third .block-entity-fieldnodefield-liens .field--name-field-liens a { display: inline-flex; - align-items: center; justify-items: center; color: #009ee3; font-weight: 800; } .path-node.page-node-type-static .layout-container .layout-content .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"); - min-width: 40px; + min-width: 25px; height: auto; - padding-right: 0.5rem; - display: inline-flex; - align-items: center; } + padding-right: 0.5rem; } .path-node.page-node-type-static .layout-container .layout-content .layout__region--third .block-region-third .block-entity-fieldnodefield-liens .field--name-field-liens a svg.ext { display: none; } .path-node.page-node-type-static .layout-container .layout-content .layout__region--third .block-region-third .block-entity-fieldnodefield-ress { @@ -355,49 +351,68 @@ a { color: black; font-weight: 900; } .path-node.page-node-type-static .layout-container .layout-content .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource { - display: flex; - flex-direction: column; border: 2px solid #009ee3; - padding: 1rem; - height: fit-content; + margin-left: 1rem; margin-bottom: 1rem; - background-color: white; } - .path-node.page-node-type-static .layout-container .layout-content .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource:first-of-type { - border-top: 1px solid #009ee3; - padding-top: 1rem; } - .path-node.page-node-type-static .layout-container .layout-content .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource:first-of-type::after { - content: url("../images/pictos/noun_Arrow_3771902.svg"); - align-self: flex-end; } - .path-node.page-node-type-static .layout-container .layout-content .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource .field--name-title a { - color: black; - font-size: 1.4rem; - font-weight: 600; } - .path-node.page-node-type-static .layout-container .layout-content .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource .field--name-field-auteur-s- { - font-weight: 800; } - .path-node.page-node-type-static .layout-container .layout-content .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource .field--name-field-auteur-s- p { + padding: 1rem; } + .path-node.page-node-type-static .layout-container .layout-content .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource div { + display: flex; + flex-direction: column; } + .path-node.page-node-type-static .layout-container .layout-content .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource div .field--name-field-type-de-ressource { + order: 2; + text-transform: uppercase; + color: #009ee3; + font-weight: 900; + font-size: 0.8rem; } + .path-node.page-node-type-static .layout-container .layout-content .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource div .field--name-title { + order: 3; } + .path-node.page-node-type-static .layout-container .layout-content .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource div .field--name-title h2 { + margin: 0; } + .path-node.page-node-type-static .layout-container .layout-content .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource div .field--name-title h2 a { + color: black; + font-size: 1rem; + font-weight: 900; + font-style: italic; } + .path-node.page-node-type-static .layout-container .layout-content .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource div .field--name-field-sous-titre { + order: 4; } + .path-node.page-node-type-static .layout-container .layout-content .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource div .field--name-field-auteur-s- { + order: 5; + font-weight: 800; } + .path-node.page-node-type-static .layout-container .layout-content .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource div .field--name-field-auteur-s- p { + margin: 0; } + .path-node.page-node-type-static .layout-container .layout-content .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource div .field--name-field-auteur-s- .field__label { + display: none; } + .path-node.page-node-type-static .layout-container .layout-content .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource div .field--name-field-edition p { margin: 0; } - .path-node.page-node-type-static .layout-container .layout-content .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource .field--name-field-auteur-s- .field__label { + .path-node.page-node-type-static .layout-container .layout-content .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource div .field--name-field-edition .field__label { + display: none; } + .path-node.page-node-type-static .layout-container .layout-content .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource div .field--name-field-images { + order: 1; + width: 25%; } + .path-node.page-node-type-static .layout-container .layout-content .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource div .field--name-field-images img { + width: 100%; + height: auto; } + .path-node.page-node-type-static .layout-container .layout-content .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource div .field--name-field-mots-clefs { + order: 6; + display: flex; + margin-top: 2rem; + flex-direction: row; + flex-wrap: wrap; } + .path-node.page-node-type-static .layout-container .layout-content .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource div .field--name-field-mots-clefs .field__item { + margin-right: 0.5rem; + padding-left: 0.3rem; + padding-right: 0.3rem; + font-size: 0.8rem; } + .path-node.page-node-type-static .layout-container .layout-content .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource div .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; } + .path-node.page-node-type-static .layout-container .layout-content .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource div ul.links.inline { display: none; } - .path-node.page-node-type-static .layout-container .layout-content .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource .field--name-field-edition p { - margin: 0; } - .path-node.page-node-type-static .layout-container .layout-content .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource .field--name-field-edition .field__label { - display: none; } - .path-node.page-node-type-static .layout-container .layout-content .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource .field--name-field-images { - display: none; - width: 50%; } - .path-node.page-node-type-static .layout-container .layout-content .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource .field--name-field-images img { - width: 100%; - height: auto; } - .path-node.page-node-type-static .layout-container .layout-content .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource .field--name-field-type-de-ressource { - display: inline-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; } /* Slider */ .slick-slider { @@ -1693,66 +1708,74 @@ a { font-weight: 900; margin-bottom: 1rem; } .page-node-type-ressource .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .node-type-ressource { - display: flex; - flex-direction: column; border: 2px solid #009ee3; padding: 1rem; height: fit-content; margin-bottom: 1rem; - background-color: white; } - .page-node-type-ressource .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .node-type-ressource:first-of-type { - border-top: 1px solid #009ee3; - padding-top: 1rem; } - .page-node-type-ressource .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .node-type-ressource:first-of-type::after { - content: url("../images/pictos/noun_Arrow_3771902.svg"); - align-self: flex-end; } - .page-node-type-ressource .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .node-type-ressource .field--name-title h2 { - margin: 0; } - .page-node-type-ressource .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .node-type-ressource .field--name-title a { - color: black; - font-size: 1.4rem; - font-weight: 600; } - .page-node-type-ressource .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .node-type-ressource .field--name-field-auteur-s- { - font-weight: 800; } - .page-node-type-ressource .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .node-type-ressource .field--name-field-auteur-s- p { - margin: 0; } - .page-node-type-ressource .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .node-type-ressource .field--name-field-auteur-s- .field__label { - display: none; } - .page-node-type-ressource .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .node-type-ressource .field--name-field-edition p { - margin: 0; } - .page-node-type-ressource .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .node-type-ressource .field--name-field-edition .field__label { - display: none; } - .page-node-type-ressource .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .node-type-ressource .field--name-field-images { - display: none; - width: 50%; } - .page-node-type-ressource .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .node-type-ressource .field--name-field-images img { - 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 { - 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 { + background-color: white; + display: flex; + flex-direction: column; } + .page-node-type-ressource .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .node-type-ressource::after { + content: url("../images/pictos/noun_Arrow_3771902.svg"); + align-self: flex-end; } + .page-node-type-ressource .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .node-type-ressource div { + display: flex; + flex-direction: column; } + .page-node-type-ressource .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .node-type-ressource div .field--name-field-type-de-ressource { + order: 2; + text-transform: uppercase; 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; - 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; } + .page-node-type-ressource .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .node-type-ressource div .field--name-title { + order: 3; } + .page-node-type-ressource .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .node-type-ressource div .field--name-title h2 { + margin: 0; } + .page-node-type-ressource .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .node-type-ressource div .field--name-title h2 a { + color: black; + font-size: 1rem; + font-weight: 900; + font-style: italic; } + .page-node-type-ressource .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .node-type-ressource div .field--name-field-sous-titre { + order: 4; } + .page-node-type-ressource .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .node-type-ressource div .field--name-field-auteur-s- { + order: 5; + font-weight: 800; } + .page-node-type-ressource .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .node-type-ressource div .field--name-field-auteur-s- p { + margin: 0; } + .page-node-type-ressource .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .node-type-ressource div .field--name-field-auteur-s- .field__label { + display: none; } + .page-node-type-ressource .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .node-type-ressource div .field--name-field-edition p { + margin: 0; } + .page-node-type-ressource .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .node-type-ressource div .field--name-field-edition .field__label { + display: none; } + .page-node-type-ressource .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .node-type-ressource div .field--name-field-images { + order: 1; + width: 25%; } + .page-node-type-ressource .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .node-type-ressource div .field--name-field-images img { + 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 div .field--name-field-mots-clefs { + order: 6; + display: flex; + margin-top: 2rem; + 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 div .field--name-field-mots-clefs .field__item { + margin-right: 0.5rem; + padding-left: 0.3rem; + padding-right: 0.3rem; + 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 div .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 div ul.links.inline { + display: none; } .offresdeservices .layout-content .region-content #block-contenudelapageprincipale span { padding-top: 3rem; @@ -3615,7 +3638,8 @@ a { display: grid; grid-template-columns: 1fr repeat(4, 1fr) 1fr; } .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-config-pages-block { - grid-column: 1 / span 6; } + grid-column: 1 / span 4; + margin-left: 1rem; } .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-config-pages-block .config_pages--base-de-donnees--full { grid-column: 1 / span 5; } .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-config-pages-block .config_pages--base-de-donnees--full .field--name-field-introduction { @@ -3627,13 +3651,12 @@ a { padding: 2rem; margin-top: 1rem; } } .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-block-content82917d0c-5004-4bfb-af66-ce334782d82d { - grid-column: 6 / span 6; + grid-column: 6 / span 5; grid-row: 1; margin-top: 4rem; background-color: #009ee3; height: fit-content; - width: 100%; - grid-row: 2; } + width: 100%; } .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-block-content82917d0c-5004-4bfb-af66-ce334782d82d .display { display: block; } .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-block-content82917d0c-5004-4bfb-af66-ce334782d82d .field--name-field-lien { @@ -3657,22 +3680,50 @@ a { .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-block-content82917d0c-5004-4bfb-af66-ce334782d82d { margin: auto; } } .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 { + margin-top: 2rem; width: 100%; grid-column: 1 / span 6; } .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-filters { + display: flex; + flex-direction: row; + flex-wrap: wrap; background-color: white; margin-top: 2rem; margin-left: 1rem; - margin-bottom: 2rem; } - .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-filters .views-exposed-form-base-de-donnees-block-1 { + margin-bottom: 5rem; } + .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-filters::before { + content: "Filtrer par : "; + padding-right: 1rem; } + @media (max-width: 479px) { + .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-filters::before { + padding-bottom: 1rem; } } + .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-filters #views-exposed-form-base-de-donnees-block-1 { width: fit-content; - display: flex; } - .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-filters .views-exposed-form-base-de-donnees-block-1 .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; } - .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-filters .views-exposed-form-base-de-donnees-block-1 .form-item { - width: fit-content; } - .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-filters .views-exposed-form-base-de-donnees-block-1 .form-item-field-type-de-ressource-target-id { - width: fit-content; } + display: flex; + flex-direction: row; } + .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-filters #views-exposed-form-base-de-donnees-block-1 #edit-actions { + display: flex; + flex-direction: column; + justify-content: space-between; } + .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-filters #views-exposed-form-base-de-donnees-block-1 #edit-actions #edit-submit-base-de-donnees { + background-color: #009ee3; + color: white; + text-transform: uppercase; + border: none; + padding: 0.1rem 0.7rem; + margin-left: 2rem; } + @media (max-width: 479px) { + .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-filters #views-exposed-form-base-de-donnees-block-1 #edit-actions #edit-submit-base-de-donnees { + margin-left: 0rem; + margin-right: 2rem; } } + .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-filters #views-exposed-form-base-de-donnees-block-1 #edit-actions #edit-reset { + background-color: #009ee3; + color: white; + text-transform: uppercase; + border: none; + padding: 0.1rem 0.7rem; + margin-top: 1rem; + margin-left: 1rem; } .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content { width: 100%; display: flex; @@ -3685,7 +3736,8 @@ a { display: flex; flex-direction: column; border: 2px solid #009ee3; - margin: 1rem; + margin-left: 1rem; + margin-bottom: 1rem; padding: 1rem; } .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row .node-type-ressource .field--name-field-type-de-ressource { text-transform: uppercase; } @@ -3711,7 +3763,6 @@ a { .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row .node-type-ressource .field--name-field-edition .field__label { display: none; } .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row .node-type-ressource .field--name-field-images { - display: none; width: 50%; } .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row .node-type-ressource .field--name-field-images img { width: 100%; diff --git a/web/themes/custom/eql/eql.theme b/web/themes/custom/eql/eql.theme index e2e5361..38ca70f 100644 --- a/web/themes/custom/eql/eql.theme +++ b/web/themes/custom/eql/eql.theme @@ -45,6 +45,37 @@ function eql_preprocess_field(&$variables) { } ////////////////////////////////////////////////// + +function eql_preprocess_input(&$variables) { + $form = \Drupal::routeMatch()->getParameter('form'); + + $form['keys']['#attributes']['placeholder'] = t('The new placeholder'); +} + + + + + + + + + + + + + + + + + + + + + + + + + // function eql_preprocess_field(&$variables){ // $node = &$variables['node']; diff --git a/web/themes/custom/eql/scss/pages/_ressource.scss b/web/themes/custom/eql/scss/pages/_ressource.scss index f339e64..d32caed 100644 --- a/web/themes/custom/eql/scss/pages/_ressource.scss +++ b/web/themes/custom/eql/scss/pages/_ressource.scss @@ -269,98 +269,107 @@ } .node-type-ressource{ - display: flex; - flex-direction: column; border: 2px solid $blue-light; - padding: 1rem; - + padding: 1rem; height: fit-content; margin-bottom: 1rem; background-color: $white; - &:first-of-type{ - border-top: 1px solid $blue-light; - padding-top: 1rem; - &::after{ - content: url("../images/pictos/noun_Arrow_3771902.svg"); - align-self: flex-end; - } - } - .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-type-de-ressource{ - text-transform: uppercase; - - a{ + // &:first-of-type{ + // border-top: 1px solid $blue-light; + // padding-top: 1rem; + // &::after{ + // content: url("../images/pictos/noun_Arrow_3771902.svg"); + // align-self: flex-end; + // } + // } + display: flex; + flex-direction: column; + &::after{ + content: url("../images/pictos/noun_Arrow_3771902.svg"); + align-self: flex-end; + } + div{ + display: flex; + flex-direction: column; + .field--name-field-type-de-ressource{ + order: 2; + text-transform: uppercase; color: $blue-light; font-weight: 900; font-size: 0.8rem; } - } - .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; - - // } - .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; + .field--name-title{ + order: 3; + h2{ + margin: 0; + a{ + color: $black; + font-size: 1rem; + font-weight: 900; + font-style: italic; + } } } - } - ul.links.inline{ - display: none; + .field--name-field-sous-titre{ + order:4; + } + .field--name-field-auteur-s-{ + order: 5; + 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; + order: 1; + width: 25%; + + img{ + width: 100%; + height: auto; + } + } + .field--name-field-mots-clefs{ + order: 6; + display: flex; + margin-top: 2rem; + flex-direction: row; + flex-wrap: wrap; + + .field__item{ + + margin-right: 0.5rem; + padding-left: 0.3rem; + padding-right: 0.3rem; + font-size: 0.8rem; + + 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; + } + } } } diff --git a/web/themes/custom/eql/scss/pages/_ressources.scss b/web/themes/custom/eql/scss/pages/_ressources.scss index 9b7f33b..a650a03 100644 --- a/web/themes/custom/eql/scss/pages/_ressources.scss +++ b/web/themes/custom/eql/scss/pages/_ressources.scss @@ -15,7 +15,8 @@ // texte présentation .block-config-pages-block{ - grid-column: 1 / span 6; + grid-column: 1 / span 4; + margin-left: 1rem; .config_pages--base-de-donnees--full{ // .field--name-field-introduction{ @@ -34,25 +35,12 @@ // } } } - // .block-views-blockcollection--block-1{ - // grid-column: 3 / span 5; - // // margin: 2rem; - // // .field--name-field-introduction{ - // // width: 65%; - // margin: auto; - // background: $white; - // margin-top:5rem; - // // } - // @media (max-width: 810px){ - // padding: 2rem; - // margin-top:1rem; - // } - // } + //button proposer une ressource .block-block-content82917d0c-5004-4bfb-af66-ce334782d82d{ // visibility: hidden; - grid-column: 6 / span 6; + grid-column: 6 / span 5; grid-row: 1; margin-top: 4rem; // margin-right: 1rem; @@ -61,7 +49,7 @@ height: fit-content; width: 100%; // margin-left: 2rem; - grid-row: 2; + // grid-row: 1; .display{ display: block; } @@ -97,25 +85,72 @@ // grille des ressources .block-views-blockbase-de-donnees-block-1{ + margin-top: 2rem; width: 100%; grid-column: 1 / span 6; .view-filters{ + display: flex; + flex-direction: row; + flex-wrap: wrap; + background-color: $white; margin-top: 2rem; margin-left: 1rem; - margin-bottom: 2rem; - .views-exposed-form-base-de-donnees-block-1{ + margin-bottom: 5rem; + + &::before{ + content: "Filtrer par : "; + padding-right: 1rem; + @media (max-width: 479px){ + padding-bottom: 1rem; + } + } + #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{ - width: fit-content; - } - .form-item{ - width: fit-content; - } - .form-item-field-type-de-ressource-target-id{ - width: fit-content; + flex-direction: row; + + // .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; + // padding-right: 1rem; + // padding-left: 1rem; + + // } + // .form-item{ + // width: fit-content; + // } + // .form-item-field-type-de-ressource-target-id{ + // width: fit-content; + // } + + #edit-actions{ + display: flex; + flex-direction: column; + justify-content: space-between; + #edit-submit-base-de-donnees{ + background-color: $blue-light; + color: white; + text-transform: uppercase; + border: none; + padding: 0.1rem 0.7rem; + margin-left: 2rem; + + @media (max-width: 479px){ + margin-left: 0rem; + margin-right: 2rem; + } + } + #edit-reset{ + background-color: $blue-light; + color: white; + text-transform: uppercase; + border: none; + padding: 0.1rem 0.7rem; + margin-top: 1rem; + margin-left: 1rem; + } } } @@ -139,23 +174,9 @@ display: flex; flex-direction: column; border: 2px solid $blue-light; - margin: 1rem; + margin-left: 1rem; + margin-bottom: 1rem ; 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; @@ -172,7 +193,6 @@ a{ color: $black; font-size: 1rem; - // font-weight: 600; font-weight: 900; font-style: italic; } @@ -197,7 +217,7 @@ } } .field--name-field-images{ - display: none; + // display: none; width: 50%; img{ width: 100%; @@ -210,13 +230,6 @@ flex-direction: row; flex-wrap: wrap; - - // &::after{ - // content: url("../images/pictos/noun_Arrow_3771902.svg"); - - // align-self: center; - - // } .field__item{ margin-right: 0.5rem; diff --git a/web/themes/custom/eql/scss/pages/_static.scss b/web/themes/custom/eql/scss/pages/_static.scss index b19167c..80b9667 100644 --- a/web/themes/custom/eql/scss/pages/_static.scss +++ b/web/themes/custom/eql/scss/pages/_static.scss @@ -144,6 +144,7 @@ color: $blue-light; padding-left: 0.8rem; padding-top: 1rem; + padding-bottom: 1rem; margin-bottom: 1rem; span:nth-of-type(2){ @@ -155,16 +156,16 @@ margin: auto; ::before{ content: url("../images/pictos/noun_Download_file_307900.svg"); - min-width:40px; + min-width:25px; height: auto; padding-right: 0.5rem; - display: inline-flex; - align-items: center; + // display: inline-flex; + // align-items: center; } a{ hyphens: auto; display: inline-flex; - align-items: center; + // align-items: center; color: $blue-light; font-weight: 800; // max-width: 80px ; @@ -178,27 +179,29 @@ margin: auto; height: fit-content; border: 2px solid $blue-light; - min-height: 4rem; + min-height: 2rem; background: $white; color: $blue-light; padding-left: 0.8rem; padding-top: 1rem; + padding-bottom: 1rem; + margin-bottom: 1rem; } a{ display: inline-flex; - align-items: center; + // align-items: center; justify-items: center; color: $blue-light; font-weight: 800; &::before{ content: url("../images/pictos/noun_External Link_674151.svg"); - min-width: 40px; + min-width: 25px; height: auto; padding-right: 0.5rem; - display: inline-flex; - align-items: center; + // display: inline-flex; + // align-items: center; } svg.ext{ display: none; @@ -219,67 +222,94 @@ } .node-type-ressource{ - display: flex; - flex-direction: column; border: 2px solid $blue-light; - padding: 1rem; - - height: fit-content; - margin-bottom: 1rem; - background-color: $white; - &:first-of-type{ - border-top: 1px solid $blue-light; - padding-top: 1rem; - &::after{ - content: url("../images/pictos/noun_Arrow_3771902.svg"); - align-self: flex-end; + margin-left: 1rem; + margin-bottom: 1rem ; + padding: 1rem; + div{ + display: flex; + flex-direction: column; + .field--name-field-type-de-ressource{ + order: 2; + text-transform: uppercase; + color: $blue-light; + font-weight: 900; + font-size: 0.8rem; } - } - .field--name-title{ - a{ - color: $black; - font-size: 1.4rem; - font-weight: 600; - + .field--name-title{ + order: 3; + h2{ + margin: 0; + a{ + color: $black; + font-size: 1rem; + font-weight: 900; + font-style: italic; + } + } } - } - .field--name-field-auteur-s-{ - font-weight: 800; - p{ - margin: 0; + .field--name-field-sous-titre{ + order:4; } - .field__label{ - display:none; + .field--name-field-auteur-s-{ + order: 5; + font-weight: 800; + p{ + margin: 0; + } + .field__label{ + display:none; + } } - } - .field--name-field-edition{ - p{ - margin: 0; + .field--name-field-edition{ + p{ + margin: 0; + } + .field__label{ + display:none; + } } - .field__label{ - display:none; + .field--name-field-images{ + // display: none; + order: 1; + width: 25%; + + img{ + width: 100%; + height: auto; + } } - } - .field--name-field-images{ - display: none; - width: 50%; - img{ - width: 100%; - height: auto; + .field--name-field-mots-clefs{ + order: 6; + display: flex; + margin-top: 2rem; + flex-direction: row; + flex-wrap: wrap; + + .field__item{ + + margin-right: 0.5rem; + padding-left: 0.3rem; + padding-right: 0.3rem; + font-size: 0.8rem; + + 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; } - } - .field--name-field-type-de-ressource{ - display: inline-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; } } + } }