From 6e6ec8a2e0d9d6a9102550de1ca7968b54ac1ea9 Mon Sep 17 00:00:00 2001 From: Harshit-7373 Date: Sat, 15 Mar 2025 22:22:06 +0530 Subject: [PATCH 1/6] Enhance hover effect on console Clear button #2592 --- client/styles/components/_console.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/client/styles/components/_console.scss b/client/styles/components/_console.scss index f37eb50d5f..df9a85c779 100644 --- a/client/styles/components/_console.scss +++ b/client/styles/components/_console.scss @@ -89,7 +89,7 @@ @extend %link; color: getThemifyVariable('secondary-text-color'); &:hover { - color: getThemifyVariable('heavy-text-color'); + color: $p5-light-pink; // Use the pink color directly for hover } } background: transparent; From 21e644535638b1dc4efebe8f2ae02956b97d22ec Mon Sep 17 00:00:00 2001 From: Harshit-7373 Date: Tue, 18 Mar 2025 01:43:01 +0530 Subject: [PATCH 2/6] Update _console.scss --- client/styles/components/_console.scss | 18 +++++++++++------- 1 file changed, 11 insertions(+), 7 deletions(-) diff --git a/client/styles/components/_console.scss b/client/styles/components/_console.scss index df9a85c779..ab69c5fbe9 100644 --- a/client/styles/components/_console.scss +++ b/client/styles/components/_console.scss @@ -86,22 +86,26 @@ .preview-console__clear { @include themify() { - @extend %link; - color: getThemifyVariable('secondary-text-color'); - &:hover { - color: $p5-light-pink; // Use the pink color directly for hover + @extend %link; + color: getThemifyVariable('secondary-text-color'); + &:hover { + color: $p5-light-pink; + + @if (getThemifyVariable('logo-color') == $yellow) { + color: $yellow; } + } } background: transparent; border: none; padding-right: #{math.div(10, $base-font-size)}rem; .preview-console--collapsed & { - display: none; + display: none; } -} + } .preview-console__body { display: flex; flex-direction: column; height: calc(100% - #{math.div(30, $base-font-size)}rem); -} +} \ No newline at end of file From da5e958d5218fc546fe244341b92ceeb26d8495a Mon Sep 17 00:00:00 2001 From: Harshit-7373 Date: Sat, 29 Mar 2025 18:16:24 +0530 Subject: [PATCH 3/6] Update _console.scss --- client/styles/components/_console.scss | 12 ++++-------- 1 file changed, 4 insertions(+), 8 deletions(-) diff --git a/client/styles/components/_console.scss b/client/styles/components/_console.scss index ab69c5fbe9..ed9902b97a 100644 --- a/client/styles/components/_console.scss +++ b/client/styles/components/_console.scss @@ -89,23 +89,19 @@ @extend %link; color: getThemifyVariable('secondary-text-color'); &:hover { - color: $p5-light-pink; - - @if (getThemifyVariable('logo-color') == $yellow) { - color: $yellow; - } + color: getThemifyVariable('logo-color'); } } background: transparent; border: none; padding-right: #{math.div(10, $base-font-size)}rem; .preview-console--collapsed & { - display: none; + display: none; } - } +} .preview-console__body { display: flex; flex-direction: column; height: calc(100% - #{math.div(30, $base-font-size)}rem); -} \ No newline at end of file +} From 74f443e07e76fd952ced2e7d3c16aa8001159e23 Mon Sep 17 00:00:00 2001 From: Harshit-7373 Date: Sat, 29 Mar 2025 18:17:23 +0530 Subject: [PATCH 4/6] Update _console.scss --- client/styles/components/_console.scss | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/client/styles/components/_console.scss b/client/styles/components/_console.scss index ed9902b97a..a6b75c3309 100644 --- a/client/styles/components/_console.scss +++ b/client/styles/components/_console.scss @@ -86,10 +86,10 @@ .preview-console__clear { @include themify() { - @extend %link; - color: getThemifyVariable('secondary-text-color'); - &:hover { - color: getThemifyVariable('logo-color'); + @extend %link; + color: getThemifyVariable('secondary-text-color'); + &:hover { + color: getThemifyVariable('logo-color'); } } background: transparent; From efb59c1816c0a87b166e95512a8bf9b76c93b2c3 Mon Sep 17 00:00:00 2001 From: raclim <43053081+raclim@users.noreply.github.com> Date: Sun, 30 Mar 2025 13:20:54 -0400 Subject: [PATCH 5/6] adjust formatting --- client/styles/components/_console.scss | 15 +++++++++------ 1 file changed, 9 insertions(+), 6 deletions(-) diff --git a/client/styles/components/_console.scss b/client/styles/components/_console.scss index a6b75c3309..454aef7f7b 100644 --- a/client/styles/components/_console.scss +++ b/client/styles/components/_console.scss @@ -86,17 +86,20 @@ .preview-console__clear { @include themify() { - @extend %link; - color: getThemifyVariable('secondary-text-color'); - &:hover { - color: getThemifyVariable('logo-color'); - } + @extend %link; + color: getThemifyVariable('secondary-text-color'); + + &:hover { + color: getThemifyVariable('logo-color'); + } } + background: transparent; border: none; padding-right: #{math.div(10, $base-font-size)}rem; + .preview-console--collapsed & { - display: none; + display: none; } } From bb163d1ac58e3471926fac05ab146774c28f3dbb Mon Sep 17 00:00:00 2001 From: raclim <43053081+raclim@users.noreply.github.com> Date: Sun, 30 Mar 2025 13:22:13 -0400 Subject: [PATCH 6/6] remove extra spacing --- client/styles/components/_console.scss | 3 --- 1 file changed, 3 deletions(-) diff --git a/client/styles/components/_console.scss b/client/styles/components/_console.scss index 454aef7f7b..6580673952 100644 --- a/client/styles/components/_console.scss +++ b/client/styles/components/_console.scss @@ -88,16 +88,13 @@ @include themify() { @extend %link; color: getThemifyVariable('secondary-text-color'); - &:hover { color: getThemifyVariable('logo-color'); } } - background: transparent; border: none; padding-right: #{math.div(10, $base-font-size)}rem; - .preview-console--collapsed & { display: none; }