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

detail css slide site

Browse Source
This commit is contained in:
ouidade
2024-07-02 14:58:56 +02:00
parent 1660d08876
commit cfd28a3383
2 changed files with 10 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/reha/dist/css/bundle.css
Vendored
+3 -3
View File
@@ -2784,6 +2784,7 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
} }
.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .entete_site .image-site .field--name-field-image .slick-dots { .page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .entete_site .image-site .field--name-field-image .slick-dots {
z-index: 999; z-index: 999;
bottom: -40px;
} }
.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .entete_site .image-site .field--name-field-image .slick-list { .page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .entete_site .image-site .field--name-field-image .slick-list {
padding: 0 !important; padding: 0 !important;
@@ -2791,7 +2792,7 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .entete_site .image-site .field--name-field-image .slick-list .field__item { .page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .entete_site .image-site .field--name-field-image .slick-list .field__item {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: flex-end; align-items: flex-start;
} }
.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .entete_site .image-site .field--name-field-image .slick-list .field__item img { .page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .entete_site .image-site .field--name-field-image .slick-list .field__item img {
height: 520px; height: 520px;
@@ -2804,7 +2805,6 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
} }
.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .entete_site .image-site .field--name-field-image .slick-list .field__item blockquote p { .page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .entete_site .image-site .field--name-field-image .slick-list .field__item blockquote p {
margin: 0; margin: 0;
padding-left: 1rem;
} }
.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .entete_site .infos-content-site { .page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .entete_site .infos-content-site {
background-color: rgb(255, 255, 255); background-color: rgb(255, 255, 255);
@@ -2916,7 +2916,7 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
} }
.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .body-content-site { .page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .body-content-site {
order: 3; order: 3;
padding-top: 4rem; padding-top: 6rem;
position: relative; position: relative;
width: 50%; width: 50%;
margin: auto; margin: auto;
web/themes/custom/reha/scss/pages/node-site.scss
+7 -14
View File
@@ -66,36 +66,29 @@
height: 520px; height: 520px;
width: 771px; width: 771px;
order: 1; order: 1;
// top: -115px;
// position: relative;
.field--name-field-image{ .field--name-field-image{
width: 100%; width: 100%;
margin: auto; margin: auto;
.slick-dots{z-index: 999;} .slick-dots{
z-index: 999;
bottom: -40px;
}
.slick-list{ .slick-list{
padding: 0 !important; padding: 0 !important;
.field__item{ .field__item{
display: flex; display: flex;
flex-direction:column; flex-direction:column;
align-items: flex-end; align-items: flex-start;
img{ img{
height: 520px; height: 520px;
width: auto; width: auto;
object-fit: contain; object-fit: contain;
} }
blockquote{ blockquote{
// position: relative;
font-style: italic; font-style: italic;
margin: 0; margin: 0;
// width: 20vw;
// z-index: 900;
// left: 20vw;
// top: -50px;
p{ p{
margin: 0; margin: 0;
padding-left: 1rem;
} }
} }
} }
@@ -221,7 +214,7 @@
.body-content-site{ .body-content-site{
order: 3; order: 3;
// top: -60px; // top: -60px;
padding-top: 4rem; padding-top: 6rem;
position: relative; position: relative;
width: 50%; width: 50%;
margin: auto; margin: auto;