bachir/d9-eql
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

css grille ressources

Browse Source
This commit is contained in:
ouidade
2023-10-26 19:09:52 +02:00
parent 2d34e325ee
commit 72b05f122f
3 changed files with 82 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/eql/css-compiled/styles.css
+35 -12
View File
@@ -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 { .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%; width: 100%;
max-height: 300px; } } 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 { .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%; } width: 40%; }
@media (max-width: 568px) { @media (max-width: 568px) {
@@ -3250,7 +3254,7 @@ a {
margin: 0; } 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 { .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-family: "Marianne";
font-size: 2.5rem; font-size: 2.3rem;
font-weight: 800; font-weight: 800;
color: #009ee3; } color: #009ee3; }
@media (max-width: 1624px) { @media (max-width: 1624px) {
@@ -3310,7 +3314,8 @@ a {
border: 0.1rem solid; border: 0.1rem solid;
justify-content: space-evenly; justify-content: space-evenly;
width: 90%; width: 90%;
margin-top: 3rem; } margin-top: 3rem;
font-weight: 600; }
@media (max-width: 479px) { @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 { .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; flex-direction: column;
@@ -3319,14 +3324,16 @@ a {
padding-right: 1rem; padding-right: 1rem;
order: 1; order: 1;
width: 30%; width: 30%;
position: relative; } position: relative;
height: 80px;
text-align: center; }
@media (max-width: 479px) { @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 { .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%; } } 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 { .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"); content: url("../images/pictos/picto_lieu.svg");
display: inline-block; min-width: 30px;
width: 50px; height: auto;
padding-right: 1rem; padding-right: 1rem;
position: absolute; position: absolute;
left: 0; 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 { .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; order: 1;
margin-left: 70px; 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 { .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; 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 { .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; display: flex;
flex-direction: row; 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 { .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); } 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 { .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 { .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; color: #009ee3;
font-weight: 900; font-weight: 900;
font-size: 0.8rem; font-size: 0.8rem;
pointer-events: none; pointer-events: none;
cursor: default; } 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 {
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 { .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; } 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 { .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; color: black;
font-size: 1rem; font-size: 1rem;
font-weight: 900; font-weight: 900;
font-style: italic; } 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- { .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 { .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; } 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 { .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; } 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 { .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; } 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 { .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; } 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 { .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; } 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 { .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; } 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 { .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%; height: 100%;
width: auto; } 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 { .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; display: flex;
margin-top: 2rem; margin-top: 1rem;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; } 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 { .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; margin-right: 0.5rem;
padding-left: 0.3rem; padding-left: 0.3rem;
padding-right: 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 { .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; background: #09398b;
color: white; color: white;
web/themes/custom/eql/scss/pages/_projet.scss
+22 -3
View File
@@ -43,6 +43,15 @@
} }
// // position: relative; // // position: relative;
// // bottom: -50%; // // bottom: -50%;
.slick-dots {
> li {
display: inline-block;
}
> li:only-child {
display: none;
}
}
} }
.top_right{ .top_right{
@@ -54,7 +63,7 @@
margin: 0; margin: 0;
.field--name-title{ .field--name-title{
font-family: "Marianne"; font-family: "Marianne";
font-size: 2.5rem; font-size: 2.3rem;
font-weight: 800; font-weight: 800;
color: $blue-light; color: $blue-light;
@media (max-width:1624px) { @media (max-width:1624px) {
@@ -134,22 +143,28 @@
justify-content: space-evenly; justify-content: space-evenly;
width: 90%; width: 90%;
margin-top: 3rem; margin-top: 3rem;
font-weight: 600;
@media(max-width:479px){ @media(max-width:479px){
flex-direction: column; flex-direction: column;
width: 100%; width: 100%;
} }
.top_bottom_left{ .top_bottom_left{
// display: flex;
// flex-direction: row;
padding-right: 1rem; padding-right: 1rem;
order: 1; order: 1;
width: 30%; width: 30%;
position: relative; position: relative;
height: 80px;
text-align: center;
@media(max-width:479px){ @media(max-width:479px){
width: 100%; width: 100%;
} }
&::before{ &::before{
content: url("../images/pictos/picto_lieu.svg"); content: url("../images/pictos/picto_lieu.svg");
display: inline-block; // display: inline-flex;
width: 50px; min-width:30px;
height: auto;
padding-right: 1rem; padding-right: 1rem;
position: absolute; position: absolute;
left: 0; left: 0;
@@ -157,13 +172,17 @@
margin-left: 1rem; margin-left: 1rem;
} }
.block-entity-fieldnodefield-region{ .block-entity-fieldnodefield-region{
// display: inline-flex;
order: 1; order: 1;
margin-left: 70px; margin-left: 70px;
margin-bottom: 1rem; margin-bottom: 1rem;
height: fit-content;
} }
.block-entity-fieldnodefield-adresse{ .block-entity-fieldnodefield-adresse{
display: inline-flex;
order: 2; order: 2;
margin-left: 70px; margin-left: 70px;
height: fit-content;
.field--name-field-adresse{ .field--name-field-adresse{
display: flex; display: flex;
flex-direction: row; flex-direction: row;
web/themes/custom/eql/scss/pages/_ressources.scss
+15 -4
View File
@@ -188,7 +188,8 @@
.field--name-field-type-de-ressource{ .field--name-field-type-de-ressource{
text-transform: uppercase; text-transform: uppercase;
line-height: 1.1rem;
margin-top: 0.5rem;
a{ a{
color: $blue-light; color: $blue-light;
font-weight: 900; font-weight: 900;
@@ -198,8 +199,11 @@
} }
} }
.field--name-title{ .field--name-title{
margin-top: 0.5rem;
h2{ h2{
margin: 0; margin: 0;
line-height: 1rem;
a{ a{
color: $black; color: $black;
font-size: 1rem; font-size: 1rem;
@@ -210,7 +214,9 @@
} }
} }
.field--name-field-auteur-s-{ .field--name-field-auteur-s-{
margin-top: 0.5rem;
font-weight: 800; font-weight: 800;
line-height: 1.1rem;
p{ p{
margin: 0; margin: 0;
} }
@@ -219,6 +225,7 @@
} }
} }
.field--name-field-edition{ .field--name-field-edition{
margin-top: 0.5rem;
p{ p{
margin: 0; margin: 0;
} }
@@ -229,6 +236,8 @@
.field--name-field-images{ .field--name-field-images{
// display: none; // display: none;
// width: 30%; // width: 30%;
width: fit-content;
border: 1px solid #a3a3a3;
height: 100px; height: 100px;
.field__item{ .field__item{
height: 100px; height: 100px;
@@ -240,18 +249,20 @@
// height: auto; // height: auto;
} }
} }
.field--name-field-date-de-parution{
margin-top: 0.3rem;
}
.field--name-field-mots-clefs{ .field--name-field-mots-clefs{
display: flex; display: flex;
margin-top: 2rem; margin-top: 1rem;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
.field__item{ .field__item{
margin-right: 0.5rem; margin-right: 0.5rem;
padding-left: 0.3rem; padding-left: 0.3rem;
padding-right: 0.3rem; padding-right: 0.3rem;
font-size: 0.8rem; font-size: 0.7rem;
a{ a{
background: $blue-dark; background: $blue-dark;