From 12a76476012e7b0e75848cbf3c11c4d02ecf9cc9 Mon Sep 17 00:00:00 2001 From: ouidade Date: Wed, 21 Jun 2023 12:03:22 +0200 Subject: [PATCH] css page ressources --- web/themes/custom/eql/css-compiled/styles.css | 374 +++++++----------- web/themes/custom/eql/eql.info.yml | 1 + .../custom/eql/scss/pages/_ressources.scss | 260 ++++++++++++ web/themes/custom/eql/scss/styles.scss | 6 +- 4 files changed, 399 insertions(+), 242 deletions(-) create mode 100644 web/themes/custom/eql/scss/pages/_ressources.scss diff --git a/web/themes/custom/eql/css-compiled/styles.css b/web/themes/custom/eql/css-compiled/styles.css index 50d9ecd..a9664fe 100644 --- a/web/themes/custom/eql/css-compiled/styles.css +++ b/web/themes/custom/eql/css-compiled/styles.css @@ -1416,246 +1416,6 @@ a { .node-id-6 .layout__region--second .block-region-second .block-entity-fieldnodefield-textes .paragraph--type--texte a svg { display: none; } -.path-ressources.basededonnees .layout-content { - width: 100vw; } - .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale span { - padding-top: 3rem; - padding-bottom: 3rem; - vertical-align: middle; } - .path-ressources.basededonnees .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; - padding-left: 13%; } - .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content { - display: grid; - grid-template-columns: 1fr repeat(8, 2fr) 1fr; } - .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 { - grid-column: 1 / span 10; - background: rgba(0, 158, 227, 0.2); - height: fit-content; - display: flex; } - .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 div:first-of-type { - width: 100%; - display: grid; - grid-template-columns: 1fr repeat(8, 2fr) 1fr; } - .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 div:first-of-type .view-id-collections { - grid-column: 3 / span 8; - height: 100%; - display: flex; - width: 80%; } - .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 div:first-of-type .view-id-collections .view-content { - display: flex; - flex-direction: row; - margin: auto; - margin-top: 2rem; - margin-bottom: 2rem; - justify-content: space-between; - align-items: center; } - @media (max-width: 810px) { - .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 div:first-of-type .view-id-collections .view-content { - width: 100%; - margin: auto; - padding-top: 1rem; - padding-bottom: 2rem; } } - .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 div:first-of-type .view-id-collections .view-content .views-row { - display: flex; - margin: auto; - background: white; - width: 40%; - height: 80%; - padding: 1rem; } - @media (max-width: 810px) { - .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 div:first-of-type .view-id-collections .view-content .views-row { - width: 100%; - margin: 0em; } } - .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 div:first-of-type .view-id-collections .view-content .views-row .views-field-name { - display: flex; } - .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 div:first-of-type .view-id-collections .view-content .views-row .views-field-name .field-content { - margin: auto; } - .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 div:first-of-type .view-id-collections .view-content .views-row .views-field-name span { - margin: 0; - padding: 1rem; - padding-bottom: 2rem; } - @media (max-width: 359px) { - .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 div:first-of-type .view-id-collections .view-content .views-row .views-field-name span { - padding-left: 0.5rem; } } - .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 div:first-of-type .view-id-collections .view-content .views-row a { - color: black; - font-size: 1.5rem; - font-weight: 600; } - @media (max-width: 453px) { - .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 div:first-of-type .view-id-collections .view-content .views-row a { - font-size: 1.3rem; - hyphens: auto; } } - .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 div:first-of-type .view-id-collections .view-content .views-row:hover { - background: #09398b; } - .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 div:first-of-type .view-id-collections .view-content .views-row:hover a { - color: white; } - .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 div:first-of-type .view-id-collections .view-content .active { - background-color: #09398b; } - .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 div:first-of-type .view-id-collections .view-content .active a { - color: white; } - @media (max-width: 810px) { - .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 div:first-of-type .view-id-collections .view-content { - flex-direction: column; } - .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 div:first-of-type .view-id-collections .view-content .views-row { - width: 100%; - margin-top: 1rem; } } - @media (max-width: 480px) { - .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 div:first-of-type { - width: 90%; - display: flex; - margin: auto; } } - .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-config-pages { - grid-column: 3 / span 5; - width: 100%; - margin: auto; } - .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollection--block-1 { - grid-column: 3 / span 5; - margin: auto; - background: white; - margin-top: 5rem; } - @media (max-width: 810px) { - .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollection--block-1 { - padding: 2rem; - margin-top: 1rem; } } - .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-block-content82917d0c-5004-4bfb-af66-ce334782d82d { - visibility: hidden; } - @media (max-width: 810px) { - .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-block-content82917d0c-5004-4bfb-af66-ce334782d82d { - margin: auto; } } - .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 { - width: 80%; - grid-column: 3 / span 8; } - .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-filters { - display: none; - background-color: white; - margin-top: 2rem; - margin-bottom: 2rem; } - .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .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.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .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.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .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.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .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; } - .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content { - display: flex; - flex-direction: row; - flex-wrap: wrap; - justify-content: space-between; - margin-top: 3rem; } - .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row { - width: 49%; - min-height: 250px; - border: 2px solid #009ee3; - background-color: white; - margin-bottom: 1rem; } - .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row:hover { - background-color: #009ee3; } - @media (max-width: 810px) { - .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content { - flex-direction: column; } - .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row { - width: 100%; } } - .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource { - display: flex; - flex-direction: column; - padding: 1rem; } - .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .field--name-field-type-de-ressource { - text-transform: uppercase; } - .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .field--name-field-type-de-ressource a { - color: #009ee3; - font-weight: 900; - font-size: 0.8rem; } - .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .field--name-title h2 { - margin: 0; } - .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .field--name-title h2 a { - color: black; - font-size: 1.4rem; - font-weight: 600; } - .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .field--name-field-auteur-s- { - font-weight: 800; } - .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .field--name-field-auteur-s- p { - margin: 0; } - .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .field--name-field-auteur-s- .field__label { - display: none; } - .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .field--name-field-edition p { - margin: 0; } - .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .field--name-field-edition .field__label { - display: none; } - .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .field--name-field-images { - display: none; - width: 50%; } - .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .field--name-field-images img { - width: 100%; - height: auto; } - .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .field--name-field-mots-clefs { - display: flex; - margin-top: 2rem; - flex-direction: row; - flex-wrap: wrap; } - .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .field--name-field-mots-clefs .field__item { - margin-right: 0.5rem; - padding-left: 0.3rem; - padding-right: 0.3rem; - font-size: 0.8rem; } - .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .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; } - .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource ul.links.inline { - display: none; } - @media (max-width: 810px) { - .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 { - margin: auto; } } - @media (max-width: 810px) { - .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content { - display: flex; - flex-direction: column; - margin: auto; } } - -.path-ressources.basededonnees.autres .block-config-pages-block { - display: none; } - -.path-ressources.basededonnees.autres .block-block-content82917d0c-5004-4bfb-af66-ce334782d82d { - visibility: visible !important; - grid-column: 8 / span 9; - margin-top: 4rem; - background-color: #009ee3; - height: fit-content; - width: 60%; - margin-left: 2rem; - grid-row: 2; } - .path-ressources.basededonnees.autres .block-block-content82917d0c-5004-4bfb-af66-ce334782d82d .field--name-field-lien { - display: flex; - flex-direction: column; - margin-top: 2rem; - margin-bottom: 2rem; - margin-left: 1.5rem; - margin-right: 1.5rem; - text-align: center; } - .path-ressources.basededonnees.autres .block-block-content82917d0c-5004-4bfb-af66-ce334782d82d .field--name-field-lien a { - font-weight: 800; - color: white; - font-size: 1.3rem; } - .path-ressources.basededonnees.autres .block-block-content82917d0c-5004-4bfb-af66-ce334782d82d .field--name-field-lien:after { - margin-left: auto; - padding-top: 1rem; - display: block; - content: url("../images/pictos/noun_Arrow_3771902.svg"); } - .page-node-type-ressource .layout__region--top .block-region-top .block-block-content4e5df355-e76c-4e44-bec0-e211d94f2640 { width: 100%; font-family: 'Source Code Pro'; @@ -3769,6 +3529,140 @@ a { .node-id-201 .layout__region--second .block-entity-fieldnodefield-textes .field--type-text-long { padding-right: 2rem; } +.path-ressources .layout-content { + width: 100vw; } + .path-ressources .layout-content .region-content { + width: 80%; + margin: auto; } + .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content { + display: grid; + grid-template-columns: 1fr repeat(8, 2fr) 1fr; } + .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-config-pages-block { + grid-column: 3 / 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 { + grid-column: 3 / span 5; + margin: 2rem; } + .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 { + margin: auto; + background: white; + margin-top: 5rem; } + @media (max-width: 810px) { + .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 { + 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: 8 / span 9; + grid-row: 1; + margin-top: 4rem; + background-color: #009ee3; + height: fit-content; + width: 60%; + margin-left: 2rem; + grid-row: 2; } + .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 { + display: flex; + flex-direction: column; + margin-top: 2rem; + margin-bottom: 2rem; + margin-left: 1.5rem; + margin-right: 1.5rem; + text-align: center; } + .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 a { + font-weight: 800; + color: white; + font-size: 1.3rem; } + .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:after { + margin-left: auto; + padding-top: 1rem; + display: block; + content: url("../images/pictos/noun_Arrow_3771902.svg"); } + @media (max-width: 810px) { + .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 { + width: 100%; + grid-column: 3 / span 8; } + .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 { + background-color: white; + margin-top: 2rem; + 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 { + 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; } + .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 { + display: flex; + flex-direction: row; + flex-wrap: wrap; } + .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 { + width: 25%; + flex: 0 0 25%; + border: 2px solid #009ee3; } + .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 { + display: flex; + flex-direction: column; + 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; } + .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 a { + color: #009ee3; + font-weight: 900; + font-size: 0.8rem; } + .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-title h2 { + margin: 0; } + .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-title h2 a { + color: black; + font-size: 1.4rem; + font-weight: 600; } + .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-auteur-s- { + font-weight: 800; } + .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-auteur-s- p { + margin: 0; } + .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-auteur-s- .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-edition p { + margin: 0; } + .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%; + height: auto; } + .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-mots-clefs { + display: flex; + margin-top: 2rem; + flex-direction: row; + flex-wrap: wrap; } + .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-mots-clefs .field__item { + margin-right: 0.5rem; + padding-left: 0.3rem; + padding-right: 0.3rem; + font-size: 0.8rem; } + .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-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-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 ul.links.inline { + display: none; } + @media (max-width: 810px) { + .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 { + flex-direction: column; } + .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 { + width: 100%; } } + /*partials*/ .layout-container { position: relative; diff --git a/web/themes/custom/eql/eql.info.yml b/web/themes/custom/eql/eql.info.yml index 6080bcb..1eadbd2 100644 --- a/web/themes/custom/eql/eql.info.yml +++ b/web/themes/custom/eql/eql.info.yml @@ -9,6 +9,7 @@ base theme: false libraries: - eql/global-css - eql/global-js + regions: header_top_left: 'Header top left' diff --git a/web/themes/custom/eql/scss/pages/_ressources.scss b/web/themes/custom/eql/scss/pages/_ressources.scss new file mode 100644 index 0000000..631f5b4 --- /dev/null +++ b/web/themes/custom/eql/scss/pages/_ressources.scss @@ -0,0 +1,260 @@ + +.path-ressources{ + .layout-content{ + width: 100vw; + .region-content{ + width: 80%; + margin: auto; + #block-contenudelapageprincipale{ + span{ + // visibility: hidden; + } + + .layout--onecol{ + .layout__region--content{ + .block-region-content{ + display: grid; + grid-template-columns: 1fr repeat(8, 2fr) 1fr; + + // texte présentation + .block-config-pages-block{ + grid-column: 3 / span 5; + + .config_pages--base-de-donnees--full{ + // .field--name-field-introduction{ + 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; + } + // } + } + } + // .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: 8 / span 9; + grid-row: 1; + margin-top: 4rem; + background-color: $blue-light; + height: fit-content; + width: 60%; + margin-left: 2rem; + grid-row: 2; + .display{ + display: block; + } + + + .field--name-field-lien{ + display: flex; + flex-direction: column; + margin-top: 2rem; + margin-bottom: 2rem; + margin-left: 1.5rem; + margin-right: 1.5rem; + text-align: center; + a{ + font-weight: 800; + color: $white; + font-size: 1.3rem; + } + &:after{ + margin-left: auto; + padding-top: 1rem; + display: block; + content:url("../images/pictos/noun_Arrow_3771902.svg") + + } + + } + @media (max-width: 810px){ + margin: auto; + } + + } + + // grille des ressources + .block-views-blockbase-de-donnees-block-1{ + width: 100%; + grid-column: 3 / span 8; + .view-filters{ + 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{ + 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; + .views-row{ + width: 25%; + flex: 0 0 25%; + border: 2px solid $blue-light; + // background-color: $white; + // margin-bottom: 1rem; + // &:hover{ + // background-color: $blue-light; + // } + .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; + + // } + .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; + } + } + + } + @media (max-width: 810px){ + flex-direction: column; + .views-row{ + width: 100%; + } + } + + } + } + + } + } + } + + } + } + + } + + +} diff --git a/web/themes/custom/eql/scss/styles.scss b/web/themes/custom/eql/scss/styles.scss index 7a02ba0..b4f604c 100644 --- a/web/themes/custom/eql/scss/styles.scss +++ b/web/themes/custom/eql/scss/styles.scss @@ -30,8 +30,8 @@ @import "pages/_contact"; @import "pages/_faq"; @import "pages/_mentions-legales"; -@import "pages/_basededonnees"; -@import "pages/_basededonnees_autres"; +// @import "pages/_basededonnees"; +// @import "pages/_basededonnees_autres"; @import "pages/_ressource"; @import "pages/_offresdeservices"; @@ -42,6 +42,8 @@ @import "pages/_projet"; @import "pages/_incubateur"; @import "pages/_lincubateur_newpage"; +@import "pages/_ressources"; + /*partials*/