diff --git a/web/themes/custom/reha/dist/css/bundle.css b/web/themes/custom/reha/dist/css/bundle.css index 1329e60..f7acd61 100644 --- a/web/themes/custom/reha/dist/css/bundle.css +++ b/web/themes/custom/reha/dist/css/bundle.css @@ -1330,28 +1330,23 @@ aside.layout-sidebar-second footer.view-footer :hover { display: none; } -.view-actus .slick-arrow { +.view-actus > .slick-arrow, +.view-sites > .slick-arrow { background-image: radial-gradient(white, transparent); border-radius: 50%; padding: 0.8rem; width: 120px; height: auto; -} -.view-actus .slick-arrow.slick-next { - padding-right: 0rem; -} -.view-actus .slick-arrow.slick-prev { - padding-left: 0rem; -} - -.view-sites > .slick-arrow, -.view-actus > .slick-arrow { top: 50%; } -.view-sites > .slick-arrow.slick-next, -.view-actus > .slick-arrow.slick-next { - right: 5%; +.view-actus > .slick-arrow.slick-next, +.view-sites > .slick-arrow.slick-next { padding-right: 0rem; + right: 8%; +} +.view-actus > .slick-arrow.slick-prev, +.view-sites > .slick-arrow.slick-prev { + padding-left: 0rem; } .infos-content { @@ -2711,7 +2706,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 { background-color: white; height: 520px; - width: 70%; + width: fit-content; display: flex; flex-direction: row; margin: auto; @@ -2754,7 +2749,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 .infos-content-site { background-color: rgb(255, 255, 255); width: 20vw; - height: 400px; order: 2; display: flex; flex-direction: column; diff --git a/web/themes/custom/reha/scss/pages/_node-site.scss b/web/themes/custom/reha/scss/pages/_node-site.scss index 9d302ba..66771e4 100644 --- a/web/themes/custom/reha/scss/pages/_node-site.scss +++ b/web/themes/custom/reha/scss/pages/_node-site.scss @@ -59,7 +59,7 @@ .entete_site{ background-color: white; height: 520px; - width: 70%; + width: fit-content; display: flex; flex-direction: row; margin: auto; @@ -103,7 +103,7 @@ .infos-content-site{ background-color: $white-button; width: 20vw; - height: 400px; + // height: 400px; order: 2; display: flex; flex-direction: column; diff --git a/web/themes/custom/reha/scss/partials/_slick_custom.scss b/web/themes/custom/reha/scss/partials/_slick_custom.scss index 2033f5d..cc8a6f5 100644 --- a/web/themes/custom/reha/scss/partials/_slick_custom.scss +++ b/web/themes/custom/reha/scss/partials/_slick_custom.scss @@ -11,30 +11,35 @@ $slick-arrow-color: $yellow-puca !default; } } -.view-actus .slick-arrow { +.view-actus, +.view-sites { + > .slick-arrow{ // background-color: rgba(255, 255, 255, 0.8); background-image: radial-gradient(white, transparent); border-radius: 50%; padding: 0.8rem; width: 120px; height: auto; - &.slick-next { - padding-right: 0rem; - } - &.slick-prev { - padding-left: 0rem; - } -} - -.view-sites, -.view-actus { - > .slick-arrow{ - top: 50%; + top: 50%; &.slick-next { - right: 5%; padding-right: 0rem; + right: 8%; + } + &.slick-prev { + padding-left: 0rem; } } } +// .view-sites, +// .view-actus { +// > .slick-arrow{ +// top: 50%; +// &.slick-next { +// right: 8%; +// padding-right: 0rem; +// } +// } +// } +