bachir/drupal-reha
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

ressources & actualités

Browse Source
This commit is contained in:
ouidade
2024-06-27 14:30:05 +02:00
parent 5f5a0f7000
commit 1cf91ac32e
4 changed files with 586 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/reha/scss/pages/actualites.scss
+1 -1
View File
@@ -50,10 +50,10 @@
.field--name-field-site{
order: 5;
background-color: $gris-violet;
color: white;
border-radius: 50px;
width: fit-content;
padding: 0.2rem 0.9rem;
margin-top: 1rem;
.field__item{
display: inline;
web/themes/custom/reha/scss/pages/les-sites-pilotes.scss
+265
View File
@@ -1,4 +1,269 @@
.page-actualites{
h1{
width: 80%;
margin: auto;
font-weight: 1000;
}
.view-display-id-page_1{
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: baseline;
justify-content: space-between;
article{
padding-bottom: 0.7rem;
}
.views-row{
width: 28%;
padding: 1rem;
&:hover{
transform: scale(1.05);
transition: 0.3s transform ease, 0.3s box-shadow ease;
}
.node-type-site{
margin: auto;
display: flex;
flex-direction: column;
width: 100%;
background-color: white;
.field--name-field-image{
order: 1;
max-width: 100%;
img{
width: 100%;
object-fit: cover;
height: fit-content;
}
}
.infos-content-site{
background-color: $white-button;
order: 2;
display: flex;
flex-direction: column;
padding-left: 1rem;
padding-right: 1rem;
padding-top: 0.5rem;
h1{display: none;}
h2{
order: 2;
margin: 0;
font-size: 1.6rem;
font-weight: 900;
line-height: 1;
padding-bottom: 0.8rem;
}
.first-row{
order: 1;
display:flex;
flex-direction: row;
align-items: end;
padding-bottom: 0.5rem;
.field--name-field-numero-site {
order: 1;
text-transform: uppercase;
font-size: 1rem;
display: inline-flex;
&::after{
content: '|';
padding-left: 1rem;
padding-right: 1rem;
}
}
.field--name-field-adresse-site{
order: 3;
font-size: 1.2rem;
.field__item{
display: flex;
}
.address{
margin: 0;
display: inline-flex;
.postal-code{
order: 2;
}
.locality{
order: 1;
text-transform: capitalize;
margin-right: 0.5rem;
}
.country{
display: none;
}
}
}
}
.field--name-field-architecte{
order: 4;
font-size: 1.2rem;
.field__items{
display: flex;
flex-direction: row;
flex-wrap: wrap;
.field__item{
display: inline;
&::after{
content:',';
padding-right: 0.5rem;
}
}
}
.field__item:last-of-type::after {
content: '';
}
}
ul.links{
order: 5;
text-transform: uppercase;
padding: 0;
margin: 0;
border: none;
padding-bottom: 1rem;
padding-top: 3rem;
display: inline-flex;
&::after{
content:url("../../dist/images/noun-arrow-1569918-black.svg");
padding-left: 0.5rem;
}
}
}
}
}
footer{
background-color: transparent;
text-transform: none !important;
p{
font-size: 2rem;
padding-left: 1rem;
font-weight: 1000;
}
.view-display-id-block_2{
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: baseline;
justify-content: space-between;
.views-row{
width: 28%;
padding: 1rem;
&:hover{
transform: none;
}
.node-type-site{
margin: auto;
display: flex;
flex-direction: column;
width: 100%;
background-color: transparent;
.infos-content-site{
background-color: transparent;
order: 2;
display: flex;
flex-direction: column;
padding-left: 1rem;
padding-right: 1rem;;
padding-right: 1rem;
h2{
order: 2;
margin: 0;
font-size: 1.6rem;
font-weight: 900;
line-height: 1;
a{
cursor: default !important;
pointer-events: none;
}
}
.first-row{
order: 1;
display:flex;
flex-direction: row;
align-items: center;
padding-bottom: 0.5rem;
.field--name-field-lettre-de-site {
order: 1;
text-transform: uppercase;
font-size: 1rem;
font-weight: 400;
display: flex;
align-items: center;
&::before{
content:'SITE';
padding-right: 0.5rem;
}
&::after{
content: '|';
padding-left: 1rem;
padding-right: 1rem;
}
}
.field--name-field-adresse-site{
order: 3;
p.address{
padding-left: 0;
margin: 0;
display: inline-flex;
font-size: 1.3rem;
font-weight: 500!important;
.postal-code{
order: 2;
}
.locality{
order: 1;
text-transform: capitalize;
margin-right: 0.5rem;
}
.country{
display: none;
}
}
}
}
.field--name-field-architecte{
order: 4;
text-transform: capitalize;
font-weight: 400;
font-size: 1.2rem;
}
ul.links{
order: 5;
text-transform: uppercase;
padding: 0;
margin: 0;
border: none;
padding-bottom: 2rem;
padding-top: 0.9rem;
display: inline-flex;
&::after{
content:url("../../dist/images/noun-arrow-1569918-black.svg");
padding-left: 0.5rem;
}
}
}
}
}
}
}
}
}
.block-page-title-block{
padding-left: 1rem;
h1{
web/themes/custom/reha/scss/pages/ressources.scss
+34 -9
View File
@@ -1,9 +1,14 @@
.page-ressources{
h1{
width: 80%;
margin: auto;
}
.view-ressources{
flex-direction: column;
flex-direction: row;
padding: 5rem;
width: 80%;
margin: auto;
#views-exposed-form-ressources-page-1{
width: 100%;
margin: auto;
@@ -25,19 +30,22 @@
}
}
.views-row{
.node-type-ressource{
display: flex;
flex-direction: column;
width: 80%;
margin: auto;
.field--name-field-image{
.image-ressource{
order: 1;
max-width: 100%;
width: 90%;
margin: auto;
img{
height: 200px;
width: auto;
width: 100%;
height: auto;
}
}
.filtered-content{
.infos-content{
display: flex;
flex-direction: column;
border: solid $yellow-puca 1px;
@@ -66,7 +74,24 @@
font-size: 1.2rem;
}
.field--name-field-site{
order: 5;
background-color: $gris-violet;
color: white;
border-radius: 50px;
width: fit-content;
padding: 0.2rem 0.9rem;
margin-top: 1rem;
.field__item{
display: inline;
}
a{
color: white;
font-weight: 900;
font-size: 0.8rem;
vertical-align: top;
}
}
ul.links{
order: 6;