From a67e2b3108f203c534e4f311c03ec6572787c8cd Mon Sep 17 00:00:00 2001 From: b-l-i-n-d Date: Thu, 14 May 2026 16:45:18 +0600 Subject: [PATCH 1/4] style: Update kids mode style --- assets/core/scss/mixins/_avatars.scss | 4 ++++ assets/src/scss/frontend/kids/_dashboard.scss | 20 +++++++++++++++++++ components/Constants/Size.php | 1 + .../components/sidebar-nav-mobile.php | 20 +++++++++++-------- 4 files changed, 37 insertions(+), 8 deletions(-) diff --git a/assets/core/scss/mixins/_avatars.scss b/assets/core/scss/mixins/_avatars.scss index e3afffa137..b4594c8d66 100644 --- a/assets/core/scss/mixins/_avatars.scss +++ b/assets/core/scss/mixins/_avatars.scss @@ -38,6 +38,10 @@ $tutor-avatar-sizes: ( font-size: 'tiny', icon-size: 12px, ), + 28: ( + font-size: 'tiny', + icon-size: 12px, + ), 32: ( font-size: 'tiny', icon-size: 16px, diff --git a/assets/src/scss/frontend/kids/_dashboard.scss b/assets/src/scss/frontend/kids/_dashboard.scss index 5e9e0be534..6cfb1769be 100644 --- a/assets/src/scss/frontend/kids/_dashboard.scss +++ b/assets/src/scss/frontend/kids/_dashboard.scss @@ -3,6 +3,26 @@ @use './mixins' as *; [data-tutor-ui='kids'] { + .tutor-dashboard-nav-mobile-list > li > a, + .tutor-dashboard-nav-mobile-list > li > button { + span { + &:last-of-type { + color: $tutor-text-primary; + font-weight: $tutor-font-weight-medium; + } + } + &.active span { + &:first-of-type { + @include tutor-kids-shadow(false, $tutor-border-brand, $tutor-radius-full, sm); + background-color: $tutor-surface-brand-tertiary; + } + + &:last-of-type { + font-weight: $tutor-font-weight-semibold; + } + } + } + .tutor-card { @include tutor-kids-shadow(false, $tutor-border-idle, $tutor-radius-5xl, sm); } diff --git a/components/Constants/Size.php b/components/Constants/Size.php index c6f611fb45..be47ff103d 100644 --- a/components/Constants/Size.php +++ b/components/Constants/Size.php @@ -30,6 +30,7 @@ abstract class Size { public const SIZE_16 = 16; public const SIZE_20 = 20; public const SIZE_24 = 24; + public const SIZE_28 = 28; public const SIZE_32 = 32; public const SIZE_40 = 40; public const SIZE_48 = 48; diff --git a/templates/dashboard/components/sidebar-nav-mobile.php b/templates/dashboard/components/sidebar-nav-mobile.php index 3725072c21..80cb99cba4 100644 --- a/templates/dashboard/components/sidebar-nav-mobile.php +++ b/templates/dashboard/components/sidebar-nav-mobile.php @@ -53,12 +53,14 @@ ?>
  • - name( ( $is_active_menu && ! tutor_utils()->is_kids_mode() ) ? $active_icon_name : $menu_icon_name ) - ->size( Size::SIZE_20 ) - ->render(); - ?> + + name( ( $is_active_menu && ! tutor_utils()->is_kids_mode() ) ? $active_icon_name : $menu_icon_name ) + ->size( Size::SIZE_20 ) + ->render(); + ?> +
    • @@ -70,7 +72,7 @@ user( get_current_user_id() ) - ->size( Size::SIZE_20 ) + ->size( Size::SIZE_28 ) ->render(); ?> @@ -87,7 +89,9 @@ :aria-expanded="open ? 'true' : 'false'" aria-haspopup="true" > - name( Icon::THREE_DOTS_VERTICAL )->size( 16 )->render(); ?> + + name( Icon::ELLIPSES )->size( 20 )->render(); ?> + From a34f100dcb6f026ef61725fcaa4225a9f2d32ad2 Mon Sep 17 00:00:00 2001 From: b-l-i-n-d Date: Thu, 14 May 2026 17:02:02 +0600 Subject: [PATCH 2/4] refactor: Remove unused code --- .../frontend/dashboard/layout/_nav-mobile.scss | 4 ++++ assets/src/scss/frontend/kids/_dashboard.scss | 4 ++++ components/Constants/Size.php | 1 - .../components/sidebar-nav-mobile.php | 18 ++++++++++-------- 4 files changed, 18 insertions(+), 9 deletions(-) diff --git a/assets/src/scss/frontend/dashboard/layout/_nav-mobile.scss b/assets/src/scss/frontend/dashboard/layout/_nav-mobile.scss index f360f518be..68d9c2f9cb 100644 --- a/assets/src/scss/frontend/dashboard/layout/_nav-mobile.scss +++ b/assets/src/scss/frontend/dashboard/layout/_nav-mobile.scss @@ -46,6 +46,10 @@ background-color: transparent; color: $tutor-text-brand; } + + .tutor-dashboard-nav-mobile-icon { + @include tutor-flex-center; + } } } } diff --git a/assets/src/scss/frontend/kids/_dashboard.scss b/assets/src/scss/frontend/kids/_dashboard.scss index 6cfb1769be..94f6525915 100644 --- a/assets/src/scss/frontend/kids/_dashboard.scss +++ b/assets/src/scss/frontend/kids/_dashboard.scss @@ -5,6 +5,10 @@ [data-tutor-ui='kids'] { .tutor-dashboard-nav-mobile-list > li > a, .tutor-dashboard-nav-mobile-list > li > button { + .tutor-dashboard-nav-mobile-icon { + padding: $tutor-spacing-2; + } + span { &:last-of-type { color: $tutor-text-primary; diff --git a/components/Constants/Size.php b/components/Constants/Size.php index be47ff103d..c6f611fb45 100644 --- a/components/Constants/Size.php +++ b/components/Constants/Size.php @@ -30,7 +30,6 @@ abstract class Size { public const SIZE_16 = 16; public const SIZE_20 = 20; public const SIZE_24 = 24; - public const SIZE_28 = 28; public const SIZE_32 = 32; public const SIZE_40 = 40; public const SIZE_48 = 48; diff --git a/templates/dashboard/components/sidebar-nav-mobile.php b/templates/dashboard/components/sidebar-nav-mobile.php index 80cb99cba4..2613497d65 100644 --- a/templates/dashboard/components/sidebar-nav-mobile.php +++ b/templates/dashboard/components/sidebar-nav-mobile.php @@ -53,7 +53,7 @@ ?>
  • - + name( ( $is_active_menu && ! tutor_utils()->is_kids_mode() ) ? $active_icon_name : $menu_icon_name ) @@ -69,12 +69,14 @@ ?>
  • - user( get_current_user_id() ) - ->size( Size::SIZE_28 ) - ->render(); - ?> +
    + user( get_current_user_id() ) + ->size( Size::SIZE_20 ) + ->render(); + ?> +
    • @@ -89,7 +91,7 @@ :aria-expanded="open ? 'true' : 'false'" aria-haspopup="true" > - + name( Icon::ELLIPSES )->size( 20 )->render(); ?> From e9cce85ca6f8a2eb429e655566b7eebe17da8bf7 Mon Sep 17 00:00:00 2001 From: b-l-i-n-d Date: Thu, 14 May 2026 17:03:20 +0600 Subject: [PATCH 3/4] refactor: Remove unused code --- assets/core/scss/mixins/_avatars.scss | 4 ---- 1 file changed, 4 deletions(-) diff --git a/assets/core/scss/mixins/_avatars.scss b/assets/core/scss/mixins/_avatars.scss index b4594c8d66..e3afffa137 100644 --- a/assets/core/scss/mixins/_avatars.scss +++ b/assets/core/scss/mixins/_avatars.scss @@ -38,10 +38,6 @@ $tutor-avatar-sizes: ( font-size: 'tiny', icon-size: 12px, ), - 28: ( - font-size: 'tiny', - icon-size: 12px, - ), 32: ( font-size: 'tiny', icon-size: 16px, From 00a20744411d43ae34d60f154d627bd5057b0148 Mon Sep 17 00:00:00 2001 From: b-l-i-n-d Date: Thu, 14 May 2026 17:12:51 +0600 Subject: [PATCH 4/4] feat: Update template with new class --- .../dashboard/layout/_nav-mobile.scss | 1 + assets/src/scss/frontend/kids/_dashboard.scss | 19 ++++++++----------- .../components/sidebar-nav-mobile.php | 6 +++--- 3 files changed, 12 insertions(+), 14 deletions(-) diff --git a/assets/src/scss/frontend/dashboard/layout/_nav-mobile.scss b/assets/src/scss/frontend/dashboard/layout/_nav-mobile.scss index 68d9c2f9cb..803c060662 100644 --- a/assets/src/scss/frontend/dashboard/layout/_nav-mobile.scss +++ b/assets/src/scss/frontend/dashboard/layout/_nav-mobile.scss @@ -39,6 +39,7 @@ &.active, &.active span { color: $tutor-text-brand; + font-weight: $tutor-font-weight-medium; } &:hover, diff --git a/assets/src/scss/frontend/kids/_dashboard.scss b/assets/src/scss/frontend/kids/_dashboard.scss index 94f6525915..019b18bf63 100644 --- a/assets/src/scss/frontend/kids/_dashboard.scss +++ b/assets/src/scss/frontend/kids/_dashboard.scss @@ -3,25 +3,22 @@ @use './mixins' as *; [data-tutor-ui='kids'] { - .tutor-dashboard-nav-mobile-list > li > a, - .tutor-dashboard-nav-mobile-list > li > button { + .tutor-dashboard-nav-mobile-list { .tutor-dashboard-nav-mobile-icon { padding: $tutor-spacing-2; } - span { - &:last-of-type { - color: $tutor-text-primary; - font-weight: $tutor-font-weight-medium; - } + .tutor-dashboard-nav-mobile-text { + color: $tutor-text-primary; + font-weight: $tutor-font-weight-medium; } - &.active span { - &:first-of-type { + + .active { + .tutor-dashboard-nav-mobile-icon { @include tutor-kids-shadow(false, $tutor-border-brand, $tutor-radius-full, sm); background-color: $tutor-surface-brand-tertiary; } - - &:last-of-type { + .tutor-dashboard-nav-mobile-text { font-weight: $tutor-font-weight-semibold; } } diff --git a/templates/dashboard/components/sidebar-nav-mobile.php b/templates/dashboard/components/sidebar-nav-mobile.php index 2613497d65..f690560c93 100644 --- a/templates/dashboard/components/sidebar-nav-mobile.php +++ b/templates/dashboard/components/sidebar-nav-mobile.php @@ -61,7 +61,7 @@ ->render(); ?> - + render(); ?> - + name( Icon::ELLIPSES )->size( 20 )->render(); ?> - +