diff --git a/web/themes/custom/eql/dist/assets/css/bundle.css b/web/themes/custom/eql/dist/assets/css/bundle.css index 423caba..29d19e0 100644 --- a/web/themes/custom/eql/dist/assets/css/bundle.css +++ b/web/themes/custom/eql/dist/assets/css/bundle.css @@ -2139,6 +2139,31 @@ svg.ext { display: none; } +.path-taxonomy #block-contenudelapageprincipale span { + display: none; +} +.path-taxonomy .view-taxonomy-term .view-header { + width: 80%; + margin: auto; +} +.path-taxonomy .view-taxonomy-term .view-content { + width: 80%; + margin: auto; +} +.path-taxonomy .view-taxonomy-term .view-content .views-row-wrapper { + display: flex; + flex-direction: row; + flex-wrap: wrap; +} +.path-taxonomy .view-taxonomy-term .view-content .views-row-wrapper .views-row { + width: 30%; +} +.path-taxonomy .view-taxonomy-term .view-content .views-row-wrapper .views-row { + display: flex; + width: 25%; + max-width: fit-content; +} + .page-node-type-ressource .layout-container { overflow: visible; } @@ -5426,169 +5451,6 @@ svg.ext { width: 25%; max-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-base-de-donnees .view-content .view-type-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource { - margin-bottom: 1rem; - padding-right: 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-base-de-donnees .view-content .view-type-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource .ext { - color: black; -} -.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource svg.ext { - 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-base-de-donnees .view-content .view-type-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource.type-de-ressource-Productions-du-programme-Engagés-pour-la-qualité-du-logement-de-demain .wrapper-ressource { - display: grid; - grid-template-columns: 1fr 1.8fr; - grid-template-rows: repeat(5 1fr); -} -.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource.type-de-ressource-Productions-du-programme-Engagés-pour-la-qualité-du-logement-de-demain .wrapper-ressource .field--name-field-type-de-ressource { - order: 2; - grid-row: 2; - margin-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-base-de-donnees .view-content .view-type-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource.type-de-ressource-Productions-du-programme-Engagés-pour-la-qualité-du-logement-de-demain .wrapper-ressource .field--name-field-type-de-media { - order: 1; - grid-row: 1; -} -.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource.type-de-ressource-Productions-du-programme-Engagés-pour-la-qualité-du-logement-de-demain .wrapper-ressource .field--name-field-images { - order: 3; - grid-row: 3/span 5; - height: auto; - width: 90%; -} -.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource.type-de-ressource-Productions-du-programme-Engagés-pour-la-qualité-du-logement-de-demain .wrapper-ressource .field--name-field-images img { - height: auto; - width: 90%; - border: 1px solid #a3a3a3; -} -.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource.type-de-ressource-Productions-du-programme-Engagés-pour-la-qualité-du-logement-de-demain .wrapper-ressource .field--name-title { - grid-row: 3; - margin-top: 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-base-de-donnees .view-content .view-type-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource.type-de-ressource-Productions-du-programme-Engagés-pour-la-qualité-du-logement-de-demain .wrapper-ressource .field--name-title a { - color: rgb(0, 158, 227); - font-size: 1.2rem; - font-style: normal; -} -.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource.type-de-ressource-Productions-du-programme-Engagés-pour-la-qualité-du-logement-de-demain .wrapper-ressource .field--name-field-sous-titre { - grid-row: 4; - color: rgb(0, 158, 227); - font-size: 0.8rem; - 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-base-de-donnees .view-content .view-type-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource.type-de-ressource-Productions-du-programme-Engagés-pour-la-qualité-du-logement-de-demain .wrapper-ressource .field--name-field-auteur-s- { - grid-row: 5; -} -.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource.type-de-ressource-Productions-du-programme-Engagés-pour-la-qualité-du-logement-de-demain .wrapper-ressource .field--name-field-edition { - grid-row: 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-base-de-donnees .view-content .view-type-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource.type-de-ressource-Productions-du-programme-Engagés-pour-la-qualité-du-logement-de-demain .wrapper-ressource .field--name-field-date-de-parution { - grid-row: 7; -} -.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource.type-de-ressource-Productions-du-programme-Engagés-pour-la-qualité-du-logement-de-demain .wrapper-ressource .field--name-field-mots-clefs { - grid-row: 8; -} -@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-base-de-donnees .view-content .view-type-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource { - margin-left: 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-base-de-donnees .view-content .view-type-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource .wrapper-ressource .field--name-field-type-de-ressource, -.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource .wrapper-ressource .field--name-field-type-de-media { - grid-column: 1; - 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-base-de-donnees .view-content .view-type-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource .wrapper-ressource .field--name-field-type-de-ressource 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-base-de-donnees .view-content .view-type-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource .wrapper-ressource .field--name-field-type-de-media a { - color: rgb(0, 158, 227); - 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-base-de-donnees .view-content .view-type-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource .wrapper-ressource .field--name-title { - grid-column: 2; - 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-base-de-donnees .view-content .view-type-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource .wrapper-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-base-de-donnees .view-content .view-type-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource .wrapper-ressource .field--name-title h2 a { - color: rgb(0, 0, 0); - 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-base-de-donnees .view-content .view-type-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource .wrapper-ressource .field--name-field-auteur-s- { - grid-column: 2; - 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-base-de-donnees .view-content .view-type-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource .wrapper-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-base-de-donnees .view-content .view-type-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource .wrapper-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-base-de-donnees .view-content .view-type-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource .wrapper-ressource .field--name-field-sous-titre { - grid-column: 2; - 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-base-de-donnees .view-content .view-type-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource .wrapper-ressource .field--name-field-edition { - grid-column: 2; - 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-base-de-donnees .view-content .view-type-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource .wrapper-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-base-de-donnees .view-content .view-type-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource .wrapper-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-base-de-donnees .view-content .view-type-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource .wrapper-ressource .field--name-field-images { - grid-column: 1; -} -.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource .wrapper-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-base-de-donnees .view-content .view-type-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource .wrapper-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-base-de-donnees .view-content .view-type-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource .wrapper-ressource .field--name-field-date-de-parution { - grid-column: 2; - 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-base-de-donnees .view-content .view-type-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource .wrapper-ressource .field--name-field-mots-clefs { - grid-column: 2; - display: flex; - 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-base-de-donnees .view-content .view-type-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource .wrapper-ressource .field--name-field-mots-clefs .field__item { - margin-right: 0.5rem; - padding-left: 0.3rem; - padding-right: 0.3rem; - 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-base-de-donnees .view-content .view-type-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource .wrapper-ressource .field--name-field-mots-clefs .field__item a { - background: rgb(9, 57, 139); - color: rgb(255, 255, 255); - font-weight: 800; - vertical-align: super; - padding-left: 0.1rem; - padding-right: 0.1rem; - display: inline-flex; - 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-base-de-donnees .view-content .view-type-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource .wrapper-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-base-de-donnees .view-content .view-type-ressource-slide:not(footer) .views-row-wrapper { flex-direction: column; @@ -6328,4 +6190,168 @@ html.js body.node-type-actualite.node-id-88.path-node.page-node-type-actualite d background-color: transparent; font-family: "Marianne"; font-size: 1rem; +} + +.node-type-ressource { + margin-bottom: 1rem; + padding-right: 1rem; +} +.node-type-ressource .ext { + color: black; +} +.node-type-ressource svg.ext { + display: none; +} +.node-type-ressource.type-de-ressource-Productions-du-programme-Engagés-pour-la-qualité-du-logement-de-demain .wrapper-ressource { + display: grid; + grid-template-columns: 1fr 1.8fr; + grid-template-rows: repeat(5 1fr); +} +.node-type-ressource.type-de-ressource-Productions-du-programme-Engagés-pour-la-qualité-du-logement-de-demain .wrapper-ressource .field--name-field-type-de-ressource { + order: 2; + grid-row: 2; + margin-bottom: 1rem; +} +.node-type-ressource.type-de-ressource-Productions-du-programme-Engagés-pour-la-qualité-du-logement-de-demain .wrapper-ressource .field--name-field-type-de-media { + order: 1; + grid-row: 1; +} +.node-type-ressource.type-de-ressource-Productions-du-programme-Engagés-pour-la-qualité-du-logement-de-demain .wrapper-ressource .field--name-field-images { + order: 3; + grid-row: 3/span 5; + height: auto; + width: 90%; +} +.node-type-ressource.type-de-ressource-Productions-du-programme-Engagés-pour-la-qualité-du-logement-de-demain .wrapper-ressource .field--name-field-images img { + height: auto; + width: 90%; + border: 1px solid #a3a3a3; +} +.node-type-ressource.type-de-ressource-Productions-du-programme-Engagés-pour-la-qualité-du-logement-de-demain .wrapper-ressource .field--name-title { + grid-row: 3; + margin-top: 0; +} +.node-type-ressource.type-de-ressource-Productions-du-programme-Engagés-pour-la-qualité-du-logement-de-demain .wrapper-ressource .field--name-title a { + color: rgb(0, 158, 227); + font-size: 1.2rem; + font-style: normal; +} +.node-type-ressource.type-de-ressource-Productions-du-programme-Engagés-pour-la-qualité-du-logement-de-demain .wrapper-ressource .field--name-field-sous-titre { + grid-row: 4; + color: rgb(0, 158, 227); + font-size: 0.8rem; + font-weight: 800; +} +.node-type-ressource.type-de-ressource-Productions-du-programme-Engagés-pour-la-qualité-du-logement-de-demain .wrapper-ressource .field--name-field-auteur-s- { + grid-row: 5; +} +.node-type-ressource.type-de-ressource-Productions-du-programme-Engagés-pour-la-qualité-du-logement-de-demain .wrapper-ressource .field--name-field-edition { + grid-row: 6; +} +.node-type-ressource.type-de-ressource-Productions-du-programme-Engagés-pour-la-qualité-du-logement-de-demain .wrapper-ressource .field--name-field-date-de-parution { + grid-row: 7; +} +.node-type-ressource.type-de-ressource-Productions-du-programme-Engagés-pour-la-qualité-du-logement-de-demain .wrapper-ressource .field--name-field-mots-clefs { + grid-row: 8; +} +@media (max-width: 479px) { + .node-type-ressource { + margin-left: 0; + } +} +.node-type-ressource .wrapper-ressource .field--name-field-type-de-ressource, +.node-type-ressource .wrapper-ressource .field--name-field-type-de-media { + grid-column: 1; + text-transform: uppercase; + line-height: 1.1rem; + margin-top: 0.5rem; +} +.node-type-ressource .wrapper-ressource .field--name-field-type-de-ressource a, +.node-type-ressource .wrapper-ressource .field--name-field-type-de-media a { + color: rgb(0, 158, 227); + font-weight: 900; + font-size: 0.8rem; + pointer-events: none; + cursor: default; +} +.node-type-ressource .wrapper-ressource .field--name-title { + grid-column: 2; + margin-top: 0.5rem; +} +.node-type-ressource .wrapper-ressource .field--name-title h2 { + margin: 0; + line-height: 1rem; +} +.node-type-ressource .wrapper-ressource .field--name-title h2 a { + color: rgb(0, 0, 0); + font-size: 1rem; + font-weight: 900; + font-style: italic; +} +.node-type-ressource .wrapper-ressource .field--name-field-auteur-s- { + grid-column: 2; + margin-top: 0.5rem; + font-weight: 800; + line-height: 1.1rem; +} +.node-type-ressource .wrapper-ressource .field--name-field-auteur-s- p { + margin: 0; +} +.node-type-ressource .wrapper-ressource .field--name-field-auteur-s- .field__label { + display: none; +} +.node-type-ressource .wrapper-ressource .field--name-field-sous-titre { + grid-column: 2; + margin-top: 0.5rem; +} +.node-type-ressource .wrapper-ressource .field--name-field-edition { + grid-column: 2; + margin-top: 0.5rem; +} +.node-type-ressource .wrapper-ressource .field--name-field-edition p { + margin: 0; +} +.node-type-ressource .wrapper-ressource .field--name-field-edition .field__label { + display: none; +} +.node-type-ressource .wrapper-ressource .field--name-field-images { + grid-column: 1; +} +.node-type-ressource .wrapper-ressource .field--name-field-images .field__item { + height: 100px; +} +.node-type-ressource .wrapper-ressource .field--name-field-images img { + height: 100%; + width: auto; +} +.node-type-ressource .wrapper-ressource .field--name-field-date-de-parution { + grid-column: 2; + margin-top: 0.3rem; +} +.node-type-ressource .wrapper-ressource .field--name-field-mots-clefs { + grid-column: 2; + display: flex; + margin-top: 1rem; + flex-direction: row; + flex-wrap: wrap; +} +.node-type-ressource .wrapper-ressource .field--name-field-mots-clefs .field__item { + margin-right: 0.5rem; + padding-left: 0.3rem; + padding-right: 0.3rem; + font-size: 0.7rem; +} +.node-type-ressource .wrapper-ressource .field--name-field-mots-clefs .field__item a { + background: rgb(9, 57, 139); + color: rgb(255, 255, 255); + font-weight: 800; + vertical-align: super; + padding-left: 0.1rem; + padding-right: 0.1rem; + display: inline-flex; + pointer-events: none; + cursor: default; +} +.node-type-ressource .wrapper-ressource ul.links.inline { + display: none; } \ No newline at end of file diff --git a/web/themes/custom/eql/scss/pages/_path-taxonomy.scss b/web/themes/custom/eql/scss/pages/_path-taxonomy.scss new file mode 100644 index 0000000..a8f9d39 --- /dev/null +++ b/web/themes/custom/eql/scss/pages/_path-taxonomy.scss @@ -0,0 +1,208 @@ +.path-taxonomy{ + #block-contenudelapageprincipale span{ + display: none; + } + .view-taxonomy-term{ + .view-header{ + width: 80%; + margin: auto; + } + .view-content{ + width: 80%; + margin: auto; + .views-row-wrapper{ + display: flex; + flex-direction: row; + flex-wrap: wrap; + + .views-row{ + width: 30%; + } + .views-row{ + display: flex; + width: 25%; + max-width: fit-content; + + // .node-type-ressource{ + // margin-bottom: 1rem ; + // padding-right: 1rem; + // .ext{ + // color: black; + // } + // svg.ext{ + // display: none; + // } + // &.type-de-ressource-Productions-du-programme-Engagés-pour-la-qualité-du-logement-de-demain{ + // // background-color: $background-actus; + // .wrapper-ressource{ + // display: grid; + // grid-template-columns: 1fr 1.8fr; + // grid-template-rows: repeat(5 1fr); + // .field--name-field-type-de-ressource{ + // order: 2; + // grid-row: 2; + // margin-bottom: 1rem; + // } + // .field--name-field-type-de-media{ + // order: 1; + // grid-row: 1; + + // } + // .field--name-field-images{ + // order: 3; + // grid-row: 3 /span 5; + // height: auto; + // width: 90%; + // img{ + // height: auto; + // width: 90%; + // border: 1px solid #a3a3a3; + // } + // } + // .field--name-title{ + // grid-row: 3; + // margin-top: 0; + // a{ + // color: $blue-light; + // font-size: 1.2rem; + // font-style: normal; + // } + // } + // .field--name-field-sous-titre{ + // grid-row: 4; + // color: $blue-light; + // font-size: 0.8rem; + // font-weight: 800; + // } + // .field--name-field-auteur-s-{ + // grid-row: 5; + // } + // .field--name-field-edition{ + // grid-row: 6; + // } + // .field--name-field-date-de-parution{ + // grid-row: 7; + // } + // .field--name-field-mots-clefs{ + // grid-row: 8; + // } + // } + // } + // &.type-de-ressource-Paroles-de-lauréats{ + // // background-color: $background-actus; + // } + // @media (max-width: 479px) { + // margin-left: 0; + // } + // .wrapper-ressource{ + + // .field--name-field-type-de-ressource, + // .field--name-field-type-de-media{ + // grid-column: 1; + // text-transform: uppercase; + // line-height: 1.1rem; + // margin-top: 0.5rem; + // a{ + // color: $blue-light; + // font-weight: 900; + // font-size: 0.8rem; + // pointer-events: none; + // cursor: default; + // } + // } + // .field--name-title{ + // grid-column: 2; + // margin-top: 0.5rem; + + // h2{ + // margin: 0; + // line-height: 1rem; + // a{ + // color: $black; + // font-size: 1rem; + // font-weight: 900; + // font-style: italic; + // } + + // } + // } + // .field--name-field-auteur-s-{ + // grid-column: 2; + // margin-top: 0.5rem; + // font-weight: 800; + // line-height: 1.1rem; + // p{ + // margin: 0; + + // } + // .field__label{ + // display:none; + // } + // } + // .field--name-field-sous-titre{ + // grid-column: 2; + // margin-top: 0.5rem; + // } + // .field--name-field-edition{ + // grid-column: 2; + // margin-top: 0.5rem; + // p{ + // margin: 0; + // } + // .field__label{ + // display:none; + // } + // } + // .field--name-field-images{ + // grid-column: 1; + // .field__item{ + // height: 100px; + // } + // img{ + // height: 100%; + // width: auto; + // } + // } + // .field--name-field-date-de-parution{ + // grid-column: 2; + // margin-top: 0.3rem; + // } + // .field--name-field-mots-clefs{ + // grid-column: 2; + // display: flex; + // 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.7rem; + + // a{ + // background: $blue-dark; + // color: $white; + // font-weight: 800; + // vertical-align: super; + // padding-left: 0.1rem; + // padding-right: 0.1rem; + // display: inline-flex; + // pointer-events: none; + // cursor: default; + // } + // } + // } + // ul.links.inline{ + // display: none; + // } + // } + // } + + } + + } + } + + } +} \ No newline at end of file diff --git a/web/themes/custom/eql/scss/pages/ressources.scss b/web/themes/custom/eql/scss/pages/ressources.scss index aa319b5..d5d2b8e 100644 --- a/web/themes/custom/eql/scss/pages/ressources.scss +++ b/web/themes/custom/eql/scss/pages/ressources.scss @@ -211,181 +211,181 @@ width: 25%; max-width: fit-content; - .node-type-ressource{ - margin-bottom: 1rem ; - padding-right: 1rem; - .ext{ - color: black; - } - svg.ext{ - display: none; - } - &.type-de-ressource-Productions-du-programme-Engagés-pour-la-qualité-du-logement-de-demain{ - // background-color: $background-actus; - .wrapper-ressource{ - display: grid; - grid-template-columns: 1fr 1.8fr; - grid-template-rows: repeat(5 1fr); - .field--name-field-type-de-ressource{ - order: 2; - grid-row: 2; - margin-bottom: 1rem; - } - .field--name-field-type-de-media{ - order: 1; - grid-row: 1; + // .node-type-ressource{ + // margin-bottom: 1rem ; + // padding-right: 1rem; + // .ext{ + // color: black; + // } + // svg.ext{ + // display: none; + // } + // &.type-de-ressource-Productions-du-programme-Engagés-pour-la-qualité-du-logement-de-demain{ + // // background-color: $background-actus; + // .wrapper-ressource{ + // display: grid; + // grid-template-columns: 1fr 1.8fr; + // grid-template-rows: repeat(5 1fr); + // .field--name-field-type-de-ressource{ + // order: 2; + // grid-row: 2; + // margin-bottom: 1rem; + // } + // .field--name-field-type-de-media{ + // order: 1; + // grid-row: 1; - } - .field--name-field-images{ - order: 3; - grid-row: 3 /span 5; - height: auto; - width: 90%; - img{ - height: auto; - width: 90%; - border: 1px solid #a3a3a3; - } - } - .field--name-title{ - grid-row: 3; - margin-top: 0; - a{ - color: $blue-light; - font-size: 1.2rem; - font-style: normal; - } - } - .field--name-field-sous-titre{ - grid-row: 4; - color: $blue-light; - font-size: 0.8rem; - font-weight: 800; - } - .field--name-field-auteur-s-{ - grid-row: 5; - } - .field--name-field-edition{ - grid-row: 6; - } - .field--name-field-date-de-parution{ - grid-row: 7; - } - .field--name-field-mots-clefs{ - grid-row: 8; - } - } - } - &.type-de-ressource-Paroles-de-lauréats{ - // background-color: $background-actus; - } - @media (max-width: 479px) { - margin-left: 0; - } - .wrapper-ressource{ + // } + // .field--name-field-images{ + // order: 3; + // grid-row: 3 /span 5; + // height: auto; + // width: 90%; + // img{ + // height: auto; + // width: 90%; + // border: 1px solid #a3a3a3; + // } + // } + // .field--name-title{ + // grid-row: 3; + // margin-top: 0; + // a{ + // color: $blue-light; + // font-size: 1.2rem; + // font-style: normal; + // } + // } + // .field--name-field-sous-titre{ + // grid-row: 4; + // color: $blue-light; + // font-size: 0.8rem; + // font-weight: 800; + // } + // .field--name-field-auteur-s-{ + // grid-row: 5; + // } + // .field--name-field-edition{ + // grid-row: 6; + // } + // .field--name-field-date-de-parution{ + // grid-row: 7; + // } + // .field--name-field-mots-clefs{ + // grid-row: 8; + // } + // } + // } + // &.type-de-ressource-Paroles-de-lauréats{ + // // background-color: $background-actus; + // } + // @media (max-width: 479px) { + // margin-left: 0; + // } + // .wrapper-ressource{ - .field--name-field-type-de-ressource, - .field--name-field-type-de-media{ - grid-column: 1; - text-transform: uppercase; - line-height: 1.1rem; - margin-top: 0.5rem; - a{ - color: $blue-light; - font-weight: 900; - font-size: 0.8rem; - pointer-events: none; - cursor: default; - } - } - .field--name-title{ - grid-column: 2; - margin-top: 0.5rem; + // .field--name-field-type-de-ressource, + // .field--name-field-type-de-media{ + // grid-column: 1; + // text-transform: uppercase; + // line-height: 1.1rem; + // margin-top: 0.5rem; + // a{ + // color: $blue-light; + // font-weight: 900; + // font-size: 0.8rem; + // pointer-events: none; + // cursor: default; + // } + // } + // .field--name-title{ + // grid-column: 2; + // margin-top: 0.5rem; - h2{ - margin: 0; - line-height: 1rem; - a{ - color: $black; - font-size: 1rem; - font-weight: 900; - font-style: italic; - } + // h2{ + // margin: 0; + // line-height: 1rem; + // a{ + // color: $black; + // font-size: 1rem; + // font-weight: 900; + // font-style: italic; + // } - } - } - .field--name-field-auteur-s-{ - grid-column: 2; - margin-top: 0.5rem; - font-weight: 800; - line-height: 1.1rem; - p{ - margin: 0; + // } + // } + // .field--name-field-auteur-s-{ + // grid-column: 2; + // margin-top: 0.5rem; + // font-weight: 800; + // line-height: 1.1rem; + // p{ + // margin: 0; - } - .field__label{ - display:none; - } - } - .field--name-field-sous-titre{ - grid-column: 2; - margin-top: 0.5rem; - } - .field--name-field-edition{ - grid-column: 2; - margin-top: 0.5rem; - p{ - margin: 0; - } - .field__label{ - display:none; - } - } - .field--name-field-images{ - grid-column: 1; - .field__item{ - height: 100px; - } - img{ - height: 100%; - width: auto; - } - } - .field--name-field-date-de-parution{ - grid-column: 2; - margin-top: 0.3rem; - } - .field--name-field-mots-clefs{ - grid-column: 2; - display: flex; - margin-top: 1rem; - flex-direction: row; - flex-wrap: wrap; + // } + // .field__label{ + // display:none; + // } + // } + // .field--name-field-sous-titre{ + // grid-column: 2; + // margin-top: 0.5rem; + // } + // .field--name-field-edition{ + // grid-column: 2; + // margin-top: 0.5rem; + // p{ + // margin: 0; + // } + // .field__label{ + // display:none; + // } + // } + // .field--name-field-images{ + // grid-column: 1; + // .field__item{ + // height: 100px; + // } + // img{ + // height: 100%; + // width: auto; + // } + // } + // .field--name-field-date-de-parution{ + // grid-column: 2; + // margin-top: 0.3rem; + // } + // .field--name-field-mots-clefs{ + // grid-column: 2; + // display: flex; + // 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.7rem; + // .field__item{ + // margin-right: 0.5rem; + // padding-left: 0.3rem; + // padding-right: 0.3rem; + // font-size: 0.7rem; - a{ - background: $blue-dark; - color: $white; - font-weight: 800; - vertical-align: super; - padding-left: 0.1rem; - padding-right: 0.1rem; - display: inline-flex; - pointer-events: none; - cursor: default; - } - } - } - ul.links.inline{ - display: none; - } - } - } + // a{ + // background: $blue-dark; + // color: $white; + // font-weight: 800; + // vertical-align: super; + // padding-left: 0.1rem; + // padding-right: 0.1rem; + // display: inline-flex; + // pointer-events: none; + // cursor: default; + // } + // } + // } + // ul.links.inline{ + // display: none; + // } + // } + // } } @media (max-width: 810px){ diff --git a/web/themes/custom/eql/scss/partials/_node-type-ressource-teaser.scss b/web/themes/custom/eql/scss/partials/_node-type-ressource-teaser.scss new file mode 100644 index 0000000..f91bbf0 --- /dev/null +++ b/web/themes/custom/eql/scss/partials/_node-type-ressource-teaser.scss @@ -0,0 +1,175 @@ +.node-type-ressource{ + margin-bottom: 1rem ; + padding-right: 1rem; + .ext{ + color: black; + } + svg.ext{ + display: none; + } + &.type-de-ressource-Productions-du-programme-Engagés-pour-la-qualité-du-logement-de-demain{ + // background-color: $background-actus; + .wrapper-ressource{ + display: grid; + grid-template-columns: 1fr 1.8fr; + grid-template-rows: repeat(5 1fr); + .field--name-field-type-de-ressource{ + order: 2; + grid-row: 2; + margin-bottom: 1rem; + } + .field--name-field-type-de-media{ + order: 1; + grid-row: 1; + + } + .field--name-field-images{ + order: 3; + grid-row: 3 /span 5; + height: auto; + width: 90%; + img{ + height: auto; + width: 90%; + border: 1px solid #a3a3a3; + } + } + .field--name-title{ + grid-row: 3; + margin-top: 0; + a{ + color: $blue-light; + font-size: 1.2rem; + font-style: normal; + } + } + .field--name-field-sous-titre{ + grid-row: 4; + color: $blue-light; + font-size: 0.8rem; + font-weight: 800; + } + .field--name-field-auteur-s-{ + grid-row: 5; + } + .field--name-field-edition{ + grid-row: 6; + } + .field--name-field-date-de-parution{ + grid-row: 7; + } + .field--name-field-mots-clefs{ + grid-row: 8; + } + } + } + &.type-de-ressource-Paroles-de-lauréats{ + // background-color: $background-actus; + } + @media (max-width: 479px) { + margin-left: 0; + } + .wrapper-ressource{ + + .field--name-field-type-de-ressource, + .field--name-field-type-de-media{ + grid-column: 1; + text-transform: uppercase; + line-height: 1.1rem; + margin-top: 0.5rem; + a{ + color: $blue-light; + font-weight: 900; + font-size: 0.8rem; + pointer-events: none; + cursor: default; + } + } + .field--name-title{ + grid-column: 2; + margin-top: 0.5rem; + + h2{ + margin: 0; + line-height: 1rem; + a{ + color: $black; + font-size: 1rem; + font-weight: 900; + font-style: italic; + } + + } + } + .field--name-field-auteur-s-{ + grid-column: 2; + margin-top: 0.5rem; + font-weight: 800; + line-height: 1.1rem; + p{ + margin: 0; + + } + .field__label{ + display:none; + } + } + .field--name-field-sous-titre{ + grid-column: 2; + margin-top: 0.5rem; + } + .field--name-field-edition{ + grid-column: 2; + margin-top: 0.5rem; + p{ + margin: 0; + } + .field__label{ + display:none; + } + } + .field--name-field-images{ + grid-column: 1; + .field__item{ + height: 100px; + } + img{ + height: 100%; + width: auto; + } + } + .field--name-field-date-de-parution{ + grid-column: 2; + margin-top: 0.3rem; + } + .field--name-field-mots-clefs{ + grid-column: 2; + display: flex; + 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.7rem; + + a{ + background: $blue-dark; + color: $white; + font-weight: 800; + vertical-align: super; + padding-left: 0.1rem; + padding-right: 0.1rem; + display: inline-flex; + pointer-events: none; + cursor: default; + } + } + } + ul.links.inline{ + display: none; + } + } +} \ No newline at end of file diff --git a/web/themes/custom/eql/scss/styles.scss b/web/themes/custom/eql/scss/styles.scss index 21fe475..c0ed207 100644 --- a/web/themes/custom/eql/scss/styles.scss +++ b/web/themes/custom/eql/scss/styles.scss @@ -39,6 +39,7 @@ @import "pages/_contact"; @import "pages/_faq"; @import "pages/_mentions-legales"; +@import "pages/_path-taxonomy"; // @import "pages/_basededonnees"; // @import "pages/_basededonnees_autres"; @@ -62,4 +63,5 @@ @import "partials/_slick"; @import "partials/_slick-theme"; @import "partials/_filtres"; +@import "partials/_node-type-ressource-teaser"; // @import "partials/_block_third_ressources_liees";