From 4899790d638b317e5761bd9a8e6ff2c3ab3ffa89 Mon Sep 17 00:00:00 2001 From: Kyrylo Hudym-Levkovych Date: Fri, 29 Sep 2023 15:58:39 +0300 Subject: [PATCH 1/3] fix: fix hover for danger button --- src/SearchField/index.scss | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/src/SearchField/index.scss b/src/SearchField/index.scss index b381fc5275..8cddf242a5 100644 --- a/src/SearchField/index.scss +++ b/src/SearchField/index.scss @@ -122,6 +122,12 @@ background: map-get($search-btn-variants, "dark"); } } + + &:hover { + .btn-brand { + background: map-get($search-btn-variants, "dark"); + } + } } .pgn__searchfield_wrapper { From 5819731f32779992e9bb47da4027c7938a799d03 Mon Sep 17 00:00:00 2001 From: Kyrylo Hudym-Levkovych Date: Thu, 5 Oct 2023 11:22:30 +0300 Subject: [PATCH 2/3] fix: fix hover searchfield btn --- src/SearchField/index.scss | 22 ++++++++-------------- 1 file changed, 8 insertions(+), 14 deletions(-) diff --git a/src/SearchField/index.scss b/src/SearchField/index.scss index 8cddf242a5..4e5921df61 100644 --- a/src/SearchField/index.scss +++ b/src/SearchField/index.scss @@ -93,10 +93,18 @@ .btn-primary { background: map-get($search-btn-variants, "light"); + + &:hover { + background: darken(map-get($search-btn-variants, "light"), 7.5%); + } } .btn-brand { background: map-get($search-btn-variants, "dark"); + + &:hover { + background: darken(map-get($search-btn-variants, "dark"), 7.5%); + } } &.has-focus { @@ -113,20 +121,6 @@ height: 100%; } } - - .btn-primary { - background: map-get($search-btn-variants, "light"); - } - - .btn-brand { - background: map-get($search-btn-variants, "dark"); - } - } - - &:hover { - .btn-brand { - background: map-get($search-btn-variants, "dark"); - } } } From 4e94cdc3847d6d03fc2163ac35f69c7fdaf82886 Mon Sep 17 00:00:00 2001 From: Kyrylo Hudym-Levkovych Date: Fri, 6 Oct 2023 13:02:05 +0300 Subject: [PATCH 3/3] fix: remove overrides for btn-primary btn-brand --- src/SearchField/index.scss | 16 ---------------- 1 file changed, 16 deletions(-) diff --git a/src/SearchField/index.scss b/src/SearchField/index.scss index 4e5921df61..2945b44931 100644 --- a/src/SearchField/index.scss +++ b/src/SearchField/index.scss @@ -91,22 +91,6 @@ &.pgn__searchfield--external { border: none; - .btn-primary { - background: map-get($search-btn-variants, "light"); - - &:hover { - background: darken(map-get($search-btn-variants, "light"), 7.5%); - } - } - - .btn-brand { - background: map-get($search-btn-variants, "dark"); - - &:hover { - background: darken(map-get($search-btn-variants, "dark"), 7.5%); - } - } - &.has-focus { box-shadow: none;