From 092527a983fff99b250d999c6fe6de721771a5f2 Mon Sep 17 00:00:00 2001 From: Getabalew Tesfaye Date: Tue, 10 Oct 2023 21:25:24 +0300 Subject: [PATCH] fix further cursor inconsistencies and a flicker on border click --- docs/_sass/_search-bar.scss | 10 ++++++---- 1 file changed, 6 insertions(+), 4 deletions(-) diff --git a/docs/_sass/_search-bar.scss b/docs/_sass/_search-bar.scss index 377d72bd28e9..e9c56835af50 100644 --- a/docs/_sass/_search-bar.scss +++ b/docs/_sass/_search-bar.scss @@ -95,6 +95,7 @@ $color-gray-label: $color-gray-label; input#gsc-i-id1.gsc-input { background-color: $color-appBG; padding: 15px 0px 0px !important; + pointer-events: auto; color: #E7ECE9; font-family: "ExpensifyNeue", "Segoe UI Emoji", "Noto Color Emoji" !important; } @@ -104,7 +105,8 @@ input#gsc-i-id1.gsc-input { background-color: $color-appBG; border-bottom: $color-borders 2px solid; border-bottom-left-radius: 0px; - + pointer-events: none; + &:focus-within { border-bottom: $color-accent 2px solid; } @@ -118,14 +120,14 @@ input#gsc-i-id1.gsc-input { margin-left: auto; } -.gsst_b { +.gsst_b, .gsst_a { padding: 0px !important; } /* This is the close icon on search bar */ .gsib_b .gsst_a .gscb_a { color: $color-icons; - margin-top: 8px; - padding: 0 2px !important; + padding: 8px 6px 0px 6px !important; + pointer-events: auto; &:hover { color: $color-text;