From 7822699741a798e12e92700cbc1e7988ff6b0a0f Mon Sep 17 00:00:00 2001 From: Yulia Hermak Date: Thu, 28 Dec 2023 00:01:30 +0000 Subject: [PATCH 1/4] fix: hover for the vertical arrow button --- src/views/Home.vue | 22 ++++++++++++++++++---- 1 file changed, 18 insertions(+), 4 deletions(-) diff --git a/src/views/Home.vue b/src/views/Home.vue index ea3548790..953554535 100644 --- a/src/views/Home.vue +++ b/src/views/Home.vue @@ -275,8 +275,15 @@ export default { } :deep(.v-tabs .v-slide-group__prev .v-icon), :deep(.v-tabs .v-slide-group__next .v-icon) { - color: map-get($adm-colors, 'primary2'); - pointer-events: none; + z-index: 1; + color: map-get($adm-colors, 'primary'); + } + :deep(.v-tabs .v-slide-group__prev), + :deep(.v-tabs .v-slide-group__next) { + .v-icon:hover { + border-radius: 50%; + background-color: transparentize(map-get($adm-colors, 'primary2'), 0.3); + } } :deep(:not(.v-tab--selected)) { .svg-icon { @@ -304,8 +311,15 @@ export default { } :deep(.v-tabs .v-slide-group__prev .v-icon), :deep(.v-tabs .v-slide-group__next .v-icon) { - color: map-get($adm-colors, 'primary2'); - pointer-events: none; + z-index: 1; + color: map-get($adm-colors, 'primary'); + } + :deep(.v-tabs .v-slide-group__prev), + :deep(.v-tabs .v-slide-group__next) { + .v-icon:hover { + border-radius: 50%; + background-color: transparentize(map-get($adm-colors, 'primary2'), 0.3); + } } :deep(.v-tabs-items) { background-color: unset; From 297adfb085cda64328dca93483c562cc52857ec6 Mon Sep 17 00:00:00 2001 From: Yulia Hermak Date: Fri, 29 Dec 2023 08:26:45 +0000 Subject: [PATCH 2/4] fix: added a button circle with less transparency --- src/views/Home.vue | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/src/views/Home.vue b/src/views/Home.vue index 953554535..f46ab8cec 100644 --- a/src/views/Home.vue +++ b/src/views/Home.vue @@ -277,11 +277,12 @@ export default { :deep(.v-tabs .v-slide-group__next .v-icon) { z-index: 1; color: map-get($adm-colors, 'primary'); + border-radius: 50%; + background-color: transparentize(map-get($adm-colors, 'primary2'), 0.1); } :deep(.v-tabs .v-slide-group__prev), :deep(.v-tabs .v-slide-group__next) { .v-icon:hover { - border-radius: 50%; background-color: transparentize(map-get($adm-colors, 'primary2'), 0.3); } } @@ -313,11 +314,12 @@ export default { :deep(.v-tabs .v-slide-group__next .v-icon) { z-index: 1; color: map-get($adm-colors, 'primary'); + border-radius: 50%; + background-color: transparentize(map-get($adm-colors, 'primary2'), 0.1); } :deep(.v-tabs .v-slide-group__prev), :deep(.v-tabs .v-slide-group__next) { .v-icon:hover { - border-radius: 50%; background-color: transparentize(map-get($adm-colors, 'primary2'), 0.3); } } From 04f2c4ffd804e8d0c01d927bbda56c7e05391d88 Mon Sep 17 00:00:00 2001 From: juliahermak <122323015+juliahermak@users.noreply.github.com> Date: Fri, 29 Dec 2023 10:22:44 +0000 Subject: [PATCH 3/4] Update src/views/Home.vue Co-authored-by: adamant-al <33592982+adamant-al@users.noreply.github.com> --- src/views/Home.vue | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/views/Home.vue b/src/views/Home.vue index f46ab8cec..c75b27aae 100644 --- a/src/views/Home.vue +++ b/src/views/Home.vue @@ -315,7 +315,7 @@ export default { z-index: 1; color: map-get($adm-colors, 'primary'); border-radius: 50%; - background-color: transparentize(map-get($adm-colors, 'primary2'), 0.1); + background-color: transparentize(map-get($adm-colors, 'primary2'), 0.7); } :deep(.v-tabs .v-slide-group__prev), :deep(.v-tabs .v-slide-group__next) { From 3020edb67cb58e1cf5fb0c069ab9672c1e9a7644 Mon Sep 17 00:00:00 2001 From: juliahermak <122323015+juliahermak@users.noreply.github.com> Date: Fri, 29 Dec 2023 10:22:56 +0000 Subject: [PATCH 4/4] Update src/views/Home.vue Co-authored-by: adamant-al <33592982+adamant-al@users.noreply.github.com> --- src/views/Home.vue | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/views/Home.vue b/src/views/Home.vue index c75b27aae..05eaa9510 100644 --- a/src/views/Home.vue +++ b/src/views/Home.vue @@ -278,7 +278,7 @@ export default { z-index: 1; color: map-get($adm-colors, 'primary'); border-radius: 50%; - background-color: transparentize(map-get($adm-colors, 'primary2'), 0.1); + background-color: transparentize(map-get($adm-colors, 'primary2'), 0.7); } :deep(.v-tabs .v-slide-group__prev), :deep(.v-tabs .v-slide-group__next) {