From c94a960aefa9d6643be6d257f08482ffd0cade47 Mon Sep 17 00:00:00 2001 From: ouidade Date: Wed, 26 Jun 2024 00:00:16 +0200 Subject: [PATCH] header --- web/themes/custom/reha/dist/css/bundle.css | 6 +++++- web/themes/custom/reha/scss/pages/les-sites-pilotes.scss | 4 ++++ web/themes/custom/reha/scss/partials/_header.scss | 2 +- 3 files changed, 10 insertions(+), 2 deletions(-) diff --git a/web/themes/custom/reha/dist/css/bundle.css b/web/themes/custom/reha/dist/css/bundle.css index 039ccb4..debe4f0 100644 --- a/web/themes/custom/reha/dist/css/bundle.css +++ b/web/themes/custom/reha/dist/css/bundle.css @@ -342,7 +342,7 @@ header .region-header #block-reha-logoreha .field--name-field-logo .field__item height: 110px; } header .region-header #block-reha-logoreha .field--name-field-logo .field__item img { - max-height: 110px; + max-height: 85px; width: auto; } header .region-header #block-reha-navigationprincipale { @@ -1954,6 +1954,10 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div width: 28%; padding: 1rem; } +.view-display-id-page_1 .views-row:hover { + transform: scale(1.05); + transition: 0.3s transform ease, 0.3s box-shadow ease; +} .view-display-id-page_1 .views-row .node-type-site { margin: auto; display: flex; diff --git a/web/themes/custom/reha/scss/pages/les-sites-pilotes.scss b/web/themes/custom/reha/scss/pages/les-sites-pilotes.scss index 7ecf01f..fd38298 100644 --- a/web/themes/custom/reha/scss/pages/les-sites-pilotes.scss +++ b/web/themes/custom/reha/scss/pages/les-sites-pilotes.scss @@ -18,6 +18,10 @@ .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; diff --git a/web/themes/custom/reha/scss/partials/_header.scss b/web/themes/custom/reha/scss/partials/_header.scss index 1661fb5..456d0a8 100644 --- a/web/themes/custom/reha/scss/partials/_header.scss +++ b/web/themes/custom/reha/scss/partials/_header.scss @@ -51,7 +51,7 @@ header{ .field__item{ height: $header-height; img{ - max-height:$header-height; + max-height: 85px; width: auto; } }