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
+45 -22
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 {
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;
web/themes/custom/eql/scss/pages/_projet.scss
+22 -3
View File
@@ -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;
web/themes/custom/eql/scss/pages/_ressources.scss
+15 -4
View File
@@ -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;