diff --git a/web/profiles/d8-starterkit-profile b/web/profiles/d8-starterkit-profile index 9b46db9..6fe8986 160000 --- a/web/profiles/d8-starterkit-profile +++ b/web/profiles/d8-starterkit-profile @@ -1 +1 @@ -Subproject commit 9b46db9c56faf2cbc965ea1b76ce5345e7f46c0f +Subproject commit 6fe8986494069c7e9bf019cbe98d8f2c7d5166d0 diff --git a/web/themes/custom/eql/css-compiled/styles.css b/web/themes/custom/eql/css-compiled/styles.css index 4c846fe..a35d38c 100644 --- a/web/themes/custom/eql/css-compiled/styles.css +++ b/web/themes/custom/eql/css-compiled/styles.css @@ -992,6 +992,8 @@ a { background-position-y: 7rem; max-width: 100vw; background-size: contain; } + .node-id-4 #block-contenudelapageprincipale { + scroll-margin: 8rem; } .node-id-4 .layout__region--top { padding-bottom: 3rem; height: 30vh; } @@ -1169,6 +1171,132 @@ a { background-color: #009ee3; text-transform: uppercase; } +.path-ressources .layout-content .region-content #block-contenudelapageprincipale span { + padding-top: 3rem; + padding-bottom: 3rem; + vertical-align: middle; } + .path-ressources .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 .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content { + background: url("../images/pictos/carre-contour-bleu_gouvernance.svg"); + background-repeat: no-repeat; + background-position-y: 20vh; + max-width: 100vw; + background-size: contain; } + .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 { + background: rgba(0, 158, 227, 0.2); + height: 20vh; + display: flex; } + .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 .view-id-collections { + height: 100%; + display: flex; } + .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 .view-id-collections .view-content { + display: flex; + flex-direction: row; + margin: auto; + width: 65%; + justify-content: space-between; + align-items: center; } + .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 .view-id-collections .view-content .views-row { + background: white; + width: 45%; + min-height: 60%; + padding: 1rem; } + .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 .view-id-collections .view-content .views-row a { + color: black; + font-size: 1.5rem; + font-weight: 600; } + .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 .view-id-collections .view-content .views-row:hover { + background: #09398b; } + .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 .view-id-collections .view-content .views-row:hover a { + color: white; } + .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-config-pages-block { + margin: 2rem; } + .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-config-pages-block .field--name-field-introduction { + width: 65%; + margin: auto; + background: white; } + .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 { + margin: auto; + width: 70%; } + .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-filters { + background-color: white; } + .path-ressources .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 .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 { + width: fit-content; } + .path-ressources .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-field-type-de-ressource-target-id { + width: fit-content; } + .path-ressources .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; } + .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row { + flex: 0 1 45%; + padding: 1rem; } + .path-ressources .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; + border: 2px solid #009ee3; + padding: 2rem; + height: fit-content; + margin-bottom: 1rem; + background-color: white; } + .path-ressources .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 .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 .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 .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 .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 .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 .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 .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 .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 .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 .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 .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: inline-flex; + margin-top: 2rem; } + .path-ressources .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::after { + content: url("../images/pictos/noun_Arrow_3771902.svg"); + align-self: end; } + .path-ressources .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 { + background: #09398b; + margin-right: 1rem; + padding-left: 0.3rem; + padding-right: 0.3rem; } + .path-ressources .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 { + color: white; + font-weight: 800; + vertical-align: middle; } + .path-ressources .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; } + .path-node.page-node-type-ressource #block-contenudelapageprincipale span h2 { font-family: "Source Code Pro"; font-size: 2rem; @@ -1234,7 +1362,8 @@ a { flex-direction: row; justify-content: space-between; color: black; - top: 0%; } + top: 0%; + scroll-margin: 8rem; } #header-top .region-header-top-left { display: flex; flex-direction: row; @@ -1266,11 +1395,11 @@ a { list-style: none; display: flex; flex-direction: row; - justify-content: space-between; width: 100%; } #header-top .region-header-top-left ul :is(.sous-liste) { display: flex; - flex-direction: column; } + flex-direction: column; + padding: 1rem; } #header-top .region-header-top-left ul li a { color: black; } #header-top .region-header-top-left ul li .is-active { diff --git a/web/themes/custom/eql/scss/pages/_basededonnees.scss b/web/themes/custom/eql/scss/pages/_basededonnees.scss new file mode 100644 index 0000000..b49a70c --- /dev/null +++ b/web/themes/custom/eql/scss/pages/_basededonnees.scss @@ -0,0 +1,203 @@ +.path-ressources{ + .layout-content{ + .region-content{ + + #block-contenudelapageprincipale{ + span{ + padding-top: 3rem; + padding-bottom: 3rem; + vertical-align: middle; + h2{ + margin: 0; + padding-top: 2rem; + height: 4rem; + color: $white; + font-family: "Source Code Pro"; + text-transform: uppercase; + background: $blue-light; + padding-left: 13%; + + } + } + .layout--onecol{ + .block-region-content{ + background: url('../images/pictos/carre-contour-bleu_gouvernance.svg'); + background-repeat: no-repeat; + background-position-y: 20vh; + max-width: 100vw; + background-size: contain; + + // bandeau filtres collections + .block-views-blockcollections-block-1{ + background: $background-actus; + height: 20vh; + display: flex; + .view-id-collections{ + height: 100%; + display: flex; + .view-content{ + display: flex; + flex-direction: row; + margin: auto; + width: 65%; + justify-content: space-between; + align-items: center; + .views-row{ + background: $white; + width: 45%; + min-height: 60%; + padding: 1rem; + a{ + color: $black; + font-size: 1.5rem; + font-weight: 600; + } + &:hover{ + background: $blue-dark; + a{ + color: $white; + } + } + + } + } + } + + } + + // 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: 70%; + .view-filters{ + background-color: $white; + .views-exposed-form-base-de-donnees-block-1{ + width: fit-content; + display: flex; + .js-form-item{ + width: fit-content; + } + .js-form-item-field-type-de-ressource-target-id{ + width: fit-content; + + } + } + } + .view-content{ + display: flex; + flex-direction: row; + flex-wrap: wrap; + .views-row{ + flex: 0 1 45%; + padding: 1rem; + // width: 50%; + } + + .node-type-ressource{ + + display: flex; + flex-direction: column; + border: 2px solid $blue-light; + padding: 2rem; + + height: fit-content; + margin-bottom: 1rem; + background-color: $white; + // &::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: inline-flex; + margin-top: 2rem; + &::after{ + content: url("../images/pictos/noun_Arrow_3771902.svg"); + align-self: end; + } + .field__item{ + background: $blue-dark; + margin-right: 1rem; + padding-left: 0.3rem; + padding-right: 0.3rem; + a{ + color: $white; + font-weight: 800; + vertical-align: middle; + } + } + } + ul.links.inline{ + display: none; + } + } + } + } + + } + + } + } + } + + } + + +} diff --git a/web/themes/custom/eql/scss/pages/_programme.scss b/web/themes/custom/eql/scss/pages/_programme.scss index a586ec2..5a461da 100644 --- a/web/themes/custom/eql/scss/pages/_programme.scss +++ b/web/themes/custom/eql/scss/pages/_programme.scss @@ -5,6 +5,9 @@ background-position-y: 7rem; max-width: 100vw; background-size: contain; + #block-contenudelapageprincipale{ + scroll-margin: 8rem; + } .layout__region--top{ //bandeau titre page static padding-bottom: 3rem; diff --git a/web/themes/custom/eql/scss/pages/_toutesressources.scss b/web/themes/custom/eql/scss/pages/_toutesressources.scss deleted file mode 100644 index e69de29..0000000 diff --git a/web/themes/custom/eql/scss/partials/_header.scss b/web/themes/custom/eql/scss/partials/_header.scss index 5832d92..5f578d4 100644 --- a/web/themes/custom/eql/scss/partials/_header.scss +++ b/web/themes/custom/eql/scss/partials/_header.scss @@ -29,6 +29,8 @@ justify-content: space-between; color: $black; top:0%; + scroll-margin: 8rem {}; + .region-header-top-left { // logo + menu déroulant @@ -75,12 +77,13 @@ list-style: none; display: flex; flex-direction: row; - justify-content: space-between; + // padding-left: 1rem; + // justify-content: space-between; width: 100%; :is(.sous-liste){ display: flex; flex-direction: column; - // padding: 1rem; + padding: 1rem; } li{ diff --git a/web/themes/custom/eql/scss/styles.scss b/web/themes/custom/eql/scss/styles.scss index ee2d643..36e5e53 100644 --- a/web/themes/custom/eql/scss/styles.scss +++ b/web/themes/custom/eql/scss/styles.scss @@ -29,7 +29,7 @@ @import "pages/_contact"; @import "pages/_faq"; @import "pages/_mentions-legales"; -@import "pages/_toutesressources"; +@import "pages/_basededonnees"; @import "pages/_ressource"; @import "pages/_offreDeService"; @import "pages/_annuaire-de-recherche";