diff --git a/web/themes/custom/eql/css-compiled/styles.css b/web/themes/custom/eql/css-compiled/styles.css index ec55691..101889d 100644 --- a/web/themes/custom/eql/css-compiled/styles.css +++ b/web/themes/custom/eql/css-compiled/styles.css @@ -3241,6 +3241,10 @@ a { .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--top .top_top .block-entity-fieldnodefield-photo img { width: 100%; max-height: 300px; } } + .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--top .top_top .block-entity-fieldnodefield-photo .slick-dots > li { + display: inline-block; } + .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--top .top_top .block-entity-fieldnodefield-photo .slick-dots > li:only-child { + display: none; } .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--top .top_top .top_right { width: 40%; } @media (max-width: 568px) { @@ -3250,7 +3254,7 @@ a { margin: 0; } .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--top .top_top .top_right .block-entity-fieldnodetitle .field--name-title { font-family: "Marianne"; - font-size: 2.5rem; + font-size: 2.3rem; font-weight: 800; color: #009ee3; } @media (max-width: 1624px) { @@ -3310,7 +3314,8 @@ a { border: 0.1rem solid; justify-content: space-evenly; width: 90%; - margin-top: 3rem; } + margin-top: 3rem; + font-weight: 600; } @media (max-width: 479px) { .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--top .top_bottom { flex-direction: column; @@ -3319,14 +3324,16 @@ a { padding-right: 1rem; order: 1; width: 30%; - position: relative; } + position: relative; + height: 80px; + text-align: center; } @media (max-width: 479px) { .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--top .top_bottom .top_bottom_left { width: 100%; } } .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--top .top_bottom .top_bottom_left::before { content: url("../images/pictos/picto_lieu.svg"); - display: inline-block; - width: 50px; + min-width: 30px; + height: auto; padding-right: 1rem; position: absolute; left: 0; @@ -3335,10 +3342,13 @@ a { .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--top .top_bottom .top_bottom_left .block-entity-fieldnodefield-region { order: 1; margin-left: 70px; - margin-bottom: 1rem; } + margin-bottom: 1rem; + height: fit-content; } .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--top .top_bottom .top_bottom_left .block-entity-fieldnodefield-adresse { + display: inline-flex; order: 2; - margin-left: 70px; } + margin-left: 70px; + height: fit-content; } .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--top .top_bottom .top_bottom_left .block-entity-fieldnodefield-adresse .field--name-field-adresse { display: flex; flex-direction: row; @@ -4183,47 +4193,60 @@ 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:hover { background-color: rgba(0, 158, 227, 0.2); } .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; } + text-transform: uppercase; + line-height: 1.1rem; + margin-top: 0.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-content .views-row .node-type-ressource .field--name-field-type-de-ressource a { color: #009ee3; font-weight: 900; font-size: 0.8rem; pointer-events: none; cursor: default; } - .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: 1rem; - font-weight: 900; - font-style: italic; } + .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 { + margin-top: 0.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-content .views-row .node-type-ressource .field--name-title h2 { + margin: 0; + line-height: 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-title h2 a { + color: black; + font-size: 1rem; + font-weight: 900; + font-style: italic; } .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; } + margin-top: 0.5rem; + font-weight: 800; + line-height: 1.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-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-edition { + margin-top: 0.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-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 { + width: fit-content; + border: 1px solid #a3a3a3; height: 100px; } .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 .field__item { height: 100px; } .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 { height: 100%; width: 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-date-de-parution { + margin-top: 0.3rem; } .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; + margin-top: 1rem; 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; } + font-size: 0.7rem; } .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; diff --git a/web/themes/custom/eql/scss/pages/_projet.scss b/web/themes/custom/eql/scss/pages/_projet.scss index d9d5c7f..9e38db2 100644 --- a/web/themes/custom/eql/scss/pages/_projet.scss +++ b/web/themes/custom/eql/scss/pages/_projet.scss @@ -43,6 +43,15 @@ } // // position: relative; // // bottom: -50%; + .slick-dots { + > li { + display: inline-block; + } + > li:only-child { + display: none; + } + } + } .top_right{ @@ -54,7 +63,7 @@ margin: 0; .field--name-title{ font-family: "Marianne"; - font-size: 2.5rem; + font-size: 2.3rem; font-weight: 800; color: $blue-light; @media (max-width:1624px) { @@ -134,22 +143,28 @@ justify-content: space-evenly; width: 90%; margin-top: 3rem; + font-weight: 600; @media(max-width:479px){ flex-direction: column; width: 100%; } .top_bottom_left{ + // display: flex; + // flex-direction: row; padding-right: 1rem; order: 1; width: 30%; position: relative; + height: 80px; + text-align: center; @media(max-width:479px){ width: 100%; } &::before{ content: url("../images/pictos/picto_lieu.svg"); - display: inline-block; - width: 50px; + // display: inline-flex; + min-width:30px; + height: auto; padding-right: 1rem; position: absolute; left: 0; @@ -157,13 +172,17 @@ margin-left: 1rem; } .block-entity-fieldnodefield-region{ + // display: inline-flex; order: 1; margin-left: 70px; margin-bottom: 1rem; + height: fit-content; } .block-entity-fieldnodefield-adresse{ + display: inline-flex; order: 2; margin-left: 70px; + height: fit-content; .field--name-field-adresse{ display: flex; flex-direction: row; diff --git a/web/themes/custom/eql/scss/pages/_ressources.scss b/web/themes/custom/eql/scss/pages/_ressources.scss index b0f31e2..050bccb 100644 --- a/web/themes/custom/eql/scss/pages/_ressources.scss +++ b/web/themes/custom/eql/scss/pages/_ressources.scss @@ -188,7 +188,8 @@ .field--name-field-type-de-ressource{ text-transform: uppercase; - + line-height: 1.1rem; + margin-top: 0.5rem; a{ color: $blue-light; font-weight: 900; @@ -198,8 +199,11 @@ } } .field--name-title{ + margin-top: 0.5rem; + h2{ margin: 0; + line-height: 1rem; a{ color: $black; font-size: 1rem; @@ -210,7 +214,9 @@ } } .field--name-field-auteur-s-{ + margin-top: 0.5rem; font-weight: 800; + line-height: 1.1rem; p{ margin: 0; } @@ -219,6 +225,7 @@ } } .field--name-field-edition{ + margin-top: 0.5rem; p{ margin: 0; } @@ -229,6 +236,8 @@ .field--name-field-images{ // display: none; // width: 30%; + width: fit-content; + border: 1px solid #a3a3a3; height: 100px; .field__item{ height: 100px; @@ -240,18 +249,20 @@ // height: auto; } } + .field--name-field-date-de-parution{ + margin-top: 0.3rem; + } .field--name-field-mots-clefs{ display: flex; - margin-top: 2rem; + margin-top: 1rem; flex-direction: row; flex-wrap: wrap; .field__item{ - margin-right: 0.5rem; padding-left: 0.3rem; padding-right: 0.3rem; - font-size: 0.8rem; + font-size: 0.7rem; a{ background: $blue-dark;