From 12eff44f8430c056a41d1de55b3392ef965f93da Mon Sep 17 00:00:00 2001 From: Kelani Tolulope Date: Mon, 26 Jun 2023 12:56:17 +0100 Subject: [PATCH] Add hover effect to sidenav items --- .../admin/src/themes/corteza-base/variables.scss | 10 ++++++++++ .../src/themes/corteza-base/variables.scss | 2 ++ .../src/themes/corteza-base/variables.scss | 10 ++++++++++ .../one/src/themes/corteza-base/variables.scss | 10 ++++++++++ .../src/themes/corteza-base/variables.scss | 10 ++++++++++ .../src/themes/corteza-base/variables.scss | 10 ++++++++++ .../src/themes/corteza-base/variables.scss | 10 ++++++++++ .../components/navigation/CSidebarNavItems.vue | 15 ++++++++++----- 8 files changed, 72 insertions(+), 5 deletions(-) diff --git a/client/web/admin/src/themes/corteza-base/variables.scss b/client/web/admin/src/themes/corteza-base/variables.scss index 9d8077616..a04afd1b4 100644 --- a/client/web/admin/src/themes/corteza-base/variables.scss +++ b/client/web/admin/src/themes/corteza-base/variables.scss @@ -26,9 +26,19 @@ $danger: #E54122 !default; $light: #E4E9EF !default; $extra-light: #F3F5F7 !default; $dark: #162425 !default; +$tertiary: #5E727E !default; $gray-200: #F9FAFB !default; +$theme-colors: () !default; +$theme-colors: map-merge( + ( + "white": $white, + "tertiary": $tertiary, + ), + $theme-colors +); + // Grid - maybe not the smartest idea to change this but let's see $grid-breakpoints: ( xs: 0, diff --git a/client/web/compose/src/themes/corteza-base/variables.scss b/client/web/compose/src/themes/corteza-base/variables.scss index e7a862087..d24ad9757 100644 --- a/client/web/compose/src/themes/corteza-base/variables.scss +++ b/client/web/compose/src/themes/corteza-base/variables.scss @@ -25,6 +25,7 @@ $warning: #E2A046 !default; $danger: #E54122 !default; $light: #E4E9EF !default; $dark: #162425 !default; +$tertiary: #5E727E !default; $gray-200: #F9FAFB !default; @@ -32,6 +33,7 @@ $theme-colors: () !default; $theme-colors: map-merge( ( "white": $white, + "tertiary": $tertiary, ), $theme-colors ); diff --git a/client/web/discovery/src/themes/corteza-base/variables.scss b/client/web/discovery/src/themes/corteza-base/variables.scss index a2b2fcb0c..2e10e7934 100644 --- a/client/web/discovery/src/themes/corteza-base/variables.scss +++ b/client/web/discovery/src/themes/corteza-base/variables.scss @@ -25,9 +25,19 @@ $warning: #E2A046 !default; $danger: #E54122 !default; $light: #F3F5F7 !default; $dark: #162425 !default; +$tertiary: #5E727E !default; $gray-200: #F9FAFB !default; +$theme-colors: () !default; +$theme-colors: map-merge( + ( + "white": $white, + "tertiary": $tertiary, + ), + $theme-colors +); + // Grid - maybe not the smartest idea to change this but let's see $grid-breakpoints: ( xs: 0, diff --git a/client/web/one/src/themes/corteza-base/variables.scss b/client/web/one/src/themes/corteza-base/variables.scss index 5141ad48e..771713578 100644 --- a/client/web/one/src/themes/corteza-base/variables.scss +++ b/client/web/one/src/themes/corteza-base/variables.scss @@ -26,9 +26,19 @@ $warning: #E2A046 !default; $danger: #E54122 !default; $light: #F3F5F7 !default; $dark: #162425 !default; +$tertiary: #5E727E !default; $gray-200: #F9FAFB !default; +$theme-colors: () !default; +$theme-colors: map-merge( + ( + "white": $white, + "tertiary": $tertiary, + ), + $theme-colors +); + // Options $enable-rounded: true !default; $enable-gradients: false !default; diff --git a/client/web/privacy/src/themes/corteza-base/variables.scss b/client/web/privacy/src/themes/corteza-base/variables.scss index d1e000489..d24ad9757 100644 --- a/client/web/privacy/src/themes/corteza-base/variables.scss +++ b/client/web/privacy/src/themes/corteza-base/variables.scss @@ -25,9 +25,19 @@ $warning: #E2A046 !default; $danger: #E54122 !default; $light: #E4E9EF !default; $dark: #162425 !default; +$tertiary: #5E727E !default; $gray-200: #F9FAFB !default; +$theme-colors: () !default; +$theme-colors: map-merge( + ( + "white": $white, + "tertiary": $tertiary, + ), + $theme-colors +); + // Grid - maybe not the smartest idea to change this but let's see $grid-breakpoints: ( xs: 0, diff --git a/client/web/reporter/src/themes/corteza-base/variables.scss b/client/web/reporter/src/themes/corteza-base/variables.scss index d1e000489..d24ad9757 100644 --- a/client/web/reporter/src/themes/corteza-base/variables.scss +++ b/client/web/reporter/src/themes/corteza-base/variables.scss @@ -25,9 +25,19 @@ $warning: #E2A046 !default; $danger: #E54122 !default; $light: #E4E9EF !default; $dark: #162425 !default; +$tertiary: #5E727E !default; $gray-200: #F9FAFB !default; +$theme-colors: () !default; +$theme-colors: map-merge( + ( + "white": $white, + "tertiary": $tertiary, + ), + $theme-colors +); + // Grid - maybe not the smartest idea to change this but let's see $grid-breakpoints: ( xs: 0, diff --git a/client/web/workflow/src/themes/corteza-base/variables.scss b/client/web/workflow/src/themes/corteza-base/variables.scss index a2b2fcb0c..2e10e7934 100644 --- a/client/web/workflow/src/themes/corteza-base/variables.scss +++ b/client/web/workflow/src/themes/corteza-base/variables.scss @@ -25,9 +25,19 @@ $warning: #E2A046 !default; $danger: #E54122 !default; $light: #F3F5F7 !default; $dark: #162425 !default; +$tertiary: #5E727E !default; $gray-200: #F9FAFB !default; +$theme-colors: () !default; +$theme-colors: map-merge( + ( + "white": $white, + "tertiary": $tertiary, + ), + $theme-colors +); + // Grid - maybe not the smartest idea to change this but let's see $grid-breakpoints: ( xs: 0, diff --git a/lib/vue/src/components/navigation/CSidebarNavItems.vue b/lib/vue/src/components/navigation/CSidebarNavItems.vue index a05220d35..cf5f2d3db 100644 --- a/lib/vue/src/components/navigation/CSidebarNavItems.vue +++ b/lib/vue/src/components/navigation/CSidebarNavItems.vue @@ -29,11 +29,11 @@ /> - {{ page.title }} - +