diff --git a/web/themes/custom/reha/css/reha.css b/web/themes/custom/reha/css/reha.css index 1ab73c3..2daf55e 100644 --- a/web/themes/custom/reha/css/reha.css +++ b/web/themes/custom/reha/css/reha.css @@ -239,6 +239,7 @@ header { align-items: start; padding-left: 2.5rem; } header .region-header #block-reha-connexionutilisateur .connexion .connexion-full ul { + font-size: 1.2rem; width: 70%; display: flex; flex-direction: column; } @@ -432,8 +433,9 @@ input { /*pages*/ .home-page-layout-content .layout--onecol { + width: 90%; margin: auto; - font-size: 1.5rem; + font-size: 1.3rem; font-weight: 400; font-style: normal; } .home-page-layout-content .layout--onecol h4 { @@ -450,15 +452,17 @@ input { grid-column: repeat(2, 1fr); } .home-page-layout-content .layout--onecol .block-region-content .block-views-blockhome-block-1 { grid-column: 1 /span 2; - grid-row: 1; } + grid-row: 1; + margin-bottom: 2rem; } .home-page-layout-content .layout--onecol .block-region-content .block-block-content5ae07b35-3c0b-48f5-b51b-f0f0e4c1765f { grid-column: 1; grid-row: 2 /span 2; - width: 90%; + width: 85%; border: solid #fdc300 1px; background-color: white; font-weight: 800; - padding: 1rem; } + padding: 2rem; + margin-right: 1rem; } .home-page-layout-content .layout--onecol .block-region-content .block-block-content5ae07b35-3c0b-48f5-b51b-f0f0e4c1765f h2 { margin-top: 0; margin-bottom: 0; @@ -476,19 +480,26 @@ input { padding: 0; margin: 0; border: none; - font-weight: 400; } + font-weight: 400; + background-color: inherit; } .home-page-layout-content .layout--onecol .block-region-content .block-block-content5ae07b35-3c0b-48f5-b51b-f0f0e4c1765f .field--type-link .field__item ::after { justify-self: unset; padding-left: 1rem; content: url(../images/noun-arrow-1569918.svg); } + .home-page-layout-content .layout--onecol .block-region-content .block-block-content5ae07b35-3c0b-48f5-b51b-f0f0e4c1765f:hover { + background-color: #fdc300; } + .home-page-layout-content .layout--onecol .block-region-content .block-block-content5ae07b35-3c0b-48f5-b51b-f0f0e4c1765f:hover .field--type-link .field__item ::after { + justify-self: unset; + padding-left: 1rem; + content: url(../images/noun-arrow-1569918_hover.svg); } .home-page-layout-content .layout--onecol .block-region-content .block-block-content08189a6a-2ca1-42c3-a780-d7ad0c65619d { margin-bottom: 1rem; grid-column: 2; grid-row: 2; width: 90%; - height: fit-content; display: flex; - justify-content: flex-end; } + justify-content: flex-end; + align-items: center; } .home-page-layout-content .layout--onecol .block-region-content .block-block-content08189a6a-2ca1-42c3-a780-d7ad0c65619d .field--type-file { width: 100%; margin: 0; } @@ -499,7 +510,8 @@ input { grid-row: 3; width: 90%; display: flex; - justify-content: flex-end; } + justify-content: flex-end; + align-items: center; } .home-page-layout-content .layout--onecol .block-region-content .block-block-content259faa3e-f66e-4776-9f4e-9a3aa26e8252 .field--type-file { width: 100%; margin: 0; } @@ -507,7 +519,8 @@ input { background-color: #fdc300; } .home-page-layout-content .layout--onecol .block-region-content .block-views-blockhome-block-2 { grid-column: 1 /span 2; - grid-row: 4; } + grid-row: 4; + margin-top: 2rem; } .user--register h1 { font-size: 3rem !important; diff --git a/web/themes/custom/reha/images/noun-arrow-1569918_hover.svg b/web/themes/custom/reha/images/noun-arrow-1569918_hover.svg new file mode 100644 index 0000000..5b44c6b --- /dev/null +++ b/web/themes/custom/reha/images/noun-arrow-1569918_hover.svg @@ -0,0 +1,61 @@ + + + + + + + + + + diff --git a/web/themes/custom/reha/scss/pages/_home.scss b/web/themes/custom/reha/scss/pages/_home.scss index 71eee65..6644968 100644 --- a/web/themes/custom/reha/scss/pages/_home.scss +++ b/web/themes/custom/reha/scss/pages/_home.scss @@ -1,9 +1,9 @@ .home-page-layout-content{ .layout--onecol{ - // width: 70%; + width: 90%; margin: auto; - font-size: 1.5rem; + font-size: 1.3rem; font-weight: 400; font-style: normal; h4{ @@ -27,19 +27,21 @@ .block-views-blockhome-block-1{ grid-column: 1 /span 2; grid-row: 1; + margin-bottom: 2rem; } // grid-row: ; .block-block-content5ae07b35-3c0b-48f5-b51b-f0f0e4c1765f{ - grid-column: 1; grid-row: 2 /span 2; - width: 90%; + width: 85%; border: solid $yellow-puca 1px; background-color: $white-button; font-weight: 800; - padding: 1rem; + padding: 2rem; + margin-right: 1rem; + h2{ margin-top: 0; margin-bottom: 0; @@ -63,8 +65,8 @@ margin: 0; border: none; font-weight: 400; + background-color: inherit; .field__item { - ::after{ justify-self: unset; padding-left: 1rem; @@ -72,6 +74,19 @@ } } } + + } + .block-block-content5ae07b35-3c0b-48f5-b51b-f0f0e4c1765f:hover{ + background-color: $yellow-puca; + .field--type-link{ + .field__item { + ::after{ + justify-self: unset; + padding-left: 1rem; + content: url(../images/noun-arrow-1569918_hover.svg); + } + } + } } .block-block-content08189a6a-2ca1-42c3-a780-d7ad0c65619d{ @@ -79,9 +94,10 @@ grid-column: 2; grid-row: 2; width: 90%; - height: fit-content; + // height: fit-content; display: flex; justify-content: flex-end; + align-items: center; .field--type-file{ width: 100%; margin: 0; @@ -94,8 +110,10 @@ grid-column: 2; grid-row: 3; width: 90%; + // height: fit-content; display: flex; - justify-content: flex-end; + justify-content: flex-end; + align-items: center; .field--type-file{ width: 100%; margin: 0; @@ -107,6 +125,7 @@ .block-views-blockhome-block-2{ grid-column: 1 /span 2; grid-row: 4; + margin-top: 2rem; } } } diff --git a/web/themes/custom/reha/scss/partials/_header.scss b/web/themes/custom/reha/scss/partials/_header.scss index 503f047..147a621 100644 --- a/web/themes/custom/reha/scss/partials/_header.scss +++ b/web/themes/custom/reha/scss/partials/_header.scss @@ -78,6 +78,7 @@ header{ } } #user-login-form{ + width: 80%; display: flex; flex-direction: column; @@ -85,6 +86,8 @@ header{ padding-left: 2.5rem; } ul{ + font-size: 1.2rem; + width: 70%; display: flex; flex-direction: column;