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

home presentation, page site

Browse Source
This commit is contained in:
ouidade
2024-06-23 23:03:46 +02:00
parent 44c9b53c16
commit 3353e208b1
13 changed files with 292 additions and 132 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/reha/scss/pages/home/home-view-presentation.scss
+33 -9
View File
@@ -1,13 +1,37 @@
.block-views-blockhome-block-1{
.page--home{
.view-display-id-block_1{
width: 60%;
margin: auto;
padding-top: 5rem;
@media(max-width: 891px){
width: 80%;
padding-top: 3rem;
.home-page-layout-content{
.block-views-blockhome-block-1{
.view-display-id-block_1{
width: 60%;
margin: auto;
padding-top: 5rem;
max-height: 300px;
overflow: hidden;
text-overflow: ellipsis;
@media(max-width: 891px){
width: 80%;
padding-top: 3rem;
}
/* Masquer tous les paragraphes après le premier */
.field-content p:nth-of-type(n+2), h3, ul {
display: none;
}
}
}
.block-block-content793e5016-2b96-4802-9f38-1cd3768775b5{
width: fit-content;
margin: auto;
z-index: 99;
position: relative;
margin-top: 2rem;
.field--type-link{
.field__item::after{
content: url('../dist/images/noun-arrow-1569918-black.svg');
}
}
}
}
}
web/themes/custom/reha/scss/pages/home/home-view-sites.scss
+5 -1
View File
@@ -53,7 +53,7 @@
// // object-fit: cover;
// height: auto;
height: 500px;
width: auto;
}
}
.filtered-content{
@@ -66,9 +66,11 @@
grid-row: 7/span 5;
grid-column: 7/span 9;
padding: 1rem;
z-index: 99;
@media(max-width: 891px){
width: auto;
}
h1{display: none;}
h2{
order: 2;
margin: 0;
@@ -122,5 +124,7 @@
width: fit-content;
margin: auto;
z-index: 99;
position: relative;
}
}
web/themes/custom/reha/scss/pages/les-sites-pilotes.scss
+1
View File
@@ -33,6 +33,7 @@
flex-direction: column;
padding-left: 1rem;
padding-right: 1rem;
h1{display: none;}
h2{
order: 2;
margin: 0;
web/themes/custom/reha/scss/pages/node-site.scss
+59 -14
View File
@@ -8,34 +8,76 @@
}
}
.region-content{
width: 80%;
margin: auto;
#block-reha-titredepage{
display: none;
// background-color: white;
// width: 25vw;
// padding-top: 1rem;
// padding-left: 1rem;
// padding-right: 1rem;
// font-size: 0.8rem;
// h1{
// margin: 0 ;
// }
}
.node-type-site{
margin: auto;
display: flex;
flex-direction: column;
// display: grid;
// grid-template-columns: repeat(7, 1fr);
// grid-template-rows: repeat(5, 1fr) ;
width: 100%;
background-color: white;
.field--name-field-image{
.image-site{
order: 2;
max-width: 100%;
img{
width: 100%;
object-fit: cover;
height: fit-content;
top: -150px;
position: relative;
.field--name-field-image{
// position: relative;
// order: 2;
width: 80%;
margin: auto;
// max-width: 100%;
.field__item{
display: flex;
flex-direction: row;
img{
width: 100%;
object-fit: cover;
height: fit-content;
}
blockquote{
align-self: flex-end;
font-style: italic;
margin: 0;
width: 10%;
p{
margin: 0;
padding-left: 1rem;
}
}
}
}
}
.filtered-content{
// border: solid $yellow-puca 1px;
z-index: 99;
background-color: $white-button;
width: 25vw;
order: 1;
display: flex;
flex-direction: column;
padding-left: 1rem;
padding-right: 1rem;
padding-bottom: 4rem;
padding-top: 1rem;
h1{
order: 2;
margin: 0;
font-size: 1.3rem;
font-weight: 900;
}
h2{
order: 2;
margin: 0;
@@ -50,8 +92,8 @@
}
.field--name-field-adresse-site{
order: 3;
font-size: 1.3rem;
line-height: 0.3rem;
font-size: 1rem;
line-height: 1.3rem;
.address{
margin: 0;
@@ -69,6 +111,9 @@
}
}
}
.field--name-field-date-de-construction{
order: 5;
}
.field--name-field-architecte{
order: 4;
padding-top: 1rem;