From a32843c907750c6b9a918f726aa41741e2058976 Mon Sep 17 00:00:00 2001 From: berezinant Date: Mon, 27 Jan 2025 19:40:47 +0100 Subject: [PATCH 1/3] fix: linting errors in UI --- .../src/main/components/search/search.scss | 27 ++++++++++--------- .../src/main/components/search/search.tsx | 19 ++++++------- .../src/main/ui-kit/dropdown/styles.scss | 3 ++- .../src/main/ui-kit/footer/styles.scss | 1 + .../src/main/ui-kit/library-name/styles.scss | 2 +- .../main/resources/dokka/ui-kit/ui-kit.css | 1 + .../resources/dokka/ui-kit/ui-kit.min.css | 2 +- 7 files changed, 29 insertions(+), 26 deletions(-) diff --git a/dokka-subprojects/plugin-base-frontend/src/main/components/search/search.scss b/dokka-subprojects/plugin-base-frontend/src/main/components/search/search.scss index ddd1e79a2a..2688ef4ee8 100644 --- a/dokka-subprojects/plugin-base-frontend/src/main/components/search/search.scss +++ b/dokka-subprojects/plugin-base-frontend/src/main/components/search/search.scss @@ -45,7 +45,6 @@ $secondary-font-color: rgba(255, 255, 255, 0.7); font-size: 0; line-height: 0; - tab-index: 1; } } @@ -55,6 +54,16 @@ $secondary-font-color: rgba(255, 255, 255, 0.7); background-color: var(--background-color) !important; } +span[data-test-custom='ring-select-popup-filter-icon'] { + top: 11px; + left: 14px; + + svg { + width: 18px !important; + height: 18px !important; + } +} + .popup-wrapper { min-width: 636px !important; @@ -65,8 +74,9 @@ $secondary-font-color: rgba(255, 255, 255, 0.7); background-color: #27282c !important; [class^='filterWrapper'] { - border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.2); margin-bottom: 4px; + + border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.2); } input { @@ -84,10 +94,11 @@ $secondary-font-color: rgba(255, 255, 255, 0.7); } button[data-test='ring-input-clear'] { - color: #fff !important; top: 10px; right: 6px; + color: #fff !important; + span { display: none; } @@ -102,6 +113,7 @@ $secondary-font-color: rgba(255, 255, 255, 0.7); .popup-wrapper { min-width: 100% !important; } + .search-hotkey-popup { display: none; } @@ -196,15 +208,6 @@ div[data-test='ring-select-popup-filter'] { padding-left: 40px; } -span[data-test-custom='ring-select-popup-filter-icon'] { - top: 11px; - left: 14px; - svg { - width: 18px !important; - height: 18px !important; - } -} - div[data-test='ring-popup'] { border-radius: 0; } diff --git a/dokka-subprojects/plugin-base-frontend/src/main/components/search/search.tsx b/dokka-subprojects/plugin-base-frontend/src/main/components/search/search.tsx index 1e5ff03b00..163289c6a6 100644 --- a/dokka-subprojects/plugin-base-frontend/src/main/components/search/search.tsx +++ b/dokka-subprojects/plugin-base-frontend/src/main/components/search/search.tsx @@ -14,17 +14,14 @@ import { CustomAnchorProps, IWindow, Option, Props } from './types'; const WithFuzzySearchFilterComponent: React.FC = ({ data }: Props) => { const [selected, onSelected] = useState