ktl-1608 feat: search style fixes (#3840)

* feat: implemented new button states * ktl-1608 feat: style fixes * ktl-1608 feat: fix clear button * fixes after rebase --------- Co-authored-by: berezinant <[email protected]>
Kotlin · Oct 2, 2024 · bbb9aa8 · bbb9aa8
1 parent 5881232
commit bbb9aa8
Show file tree

Hide file tree

Showing 10 changed files with 32 additions and 19 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
@@ -66,10 +66,11 @@ $secondary-font-color: rgba(255, 255, 255, 0.7);
 
   [class^='filterWrapper'] {
     border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.2);
+    margin-bottom: 4px;
   }
 
   input {
-    height: 32px;
+    height: 40px;
 
     color: #fff;
 
@@ -84,6 +85,8 @@ $secondary-font-color: rgba(255, 255, 255, 0.7);
 
   button[data-test='ring-input-clear'] {
     color: #fff !important;
+    top: 10px;
+    right: 6px;
 
     span {
       display: none;
@@ -189,3 +192,16 @@ $secondary-font-color: rgba(255, 255, 255, 0.7);
 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/...a-subprojects/plugin-base-frontend/src/main/ui-kit/button/assets/arrow-down.svg b/...a-subprojects/plugin-base-frontend/src/main/ui-kit/button/assets/arrow-down.svg
diff --git a/dokka-subprojects/plugin-base-frontend/src/main/ui-kit/dropdown/styles.scss b/dokka-subprojects/plugin-base-frontend/src/main/ui-kit/dropdown/styles.scss
@@ -67,6 +67,8 @@
 
     text-transform: capitalize;
 
+    color: var(--color-text-nav-dt);
+
     border: none;
     background-color: var(--color-background-nav-dt);
 

diff --git a/dokka-subprojects/plugin-base-frontend/src/main/ui-kit/icon/assets/arrow-down.svg b/dokka-subprojects/plugin-base-frontend/src/main/ui-kit/icon/assets/arrow-down.svg
diff --git a/dokka-subprojects/plugin-base-frontend/src/main/ui-kit/icon/assets/placeholder.svg b/dokka-subprojects/plugin-base-frontend/src/main/ui-kit/icon/assets/placeholder.svg
diff --git a/...ubprojects/plugin-base-frontend/src/main/ui-kit/navbar-button/assets/burger.svg b/...ubprojects/plugin-base-frontend/src/main/ui-kit/navbar-button/assets/burger.svg
diff --git a/...ubprojects/plugin-base-frontend/src/main/ui-kit/navbar-button/assets/filter.svg b/...ubprojects/plugin-base-frontend/src/main/ui-kit/navbar-button/assets/filter.svg
diff --git a/.../plugin-base/src/main/kotlin/org/jetbrains/dokka/base/renderers/html/htmlPreprocessors.kt b/.../plugin-base/src/main/kotlin/org/jetbrains/dokka/base/renderers/html/htmlPreprocessors.kt
@@ -105,31 +105,16 @@ public class StylesInstaller(private val dokkaContext: DokkaContext) : PageTrans
 public object AssetsInstaller : PageTransformer {
     private val imagesPages = listOf(
         // ui-kit assets
-        "ui-kit/assets/abstract-class.svg",
-        "ui-kit/assets/abstract-class-kotlin.svg",
-        "ui-kit/assets/annotation.svg",
-        "ui-kit/assets/annotation-kotlin.svg",
         "ui-kit/assets/arrow-down.svg",
         "ui-kit/assets/burger.svg",
+        "ui-kit/assets/homepage.svg",
         "ui-kit/assets/checkbox-off.svg",
         "ui-kit/assets/checkbox-on.svg",
-        "ui-kit/assets/class.svg",
-        "ui-kit/assets/class-kotlin.svg",
         "ui-kit/assets/cross.svg",
-        "ui-kit/assets/enum.svg",
-        "ui-kit/assets/enum-kotlin.svg",
-        "ui-kit/assets/exception-class.svg",
-        "ui-kit/assets/field-value.svg",
-        "ui-kit/assets/field-variable.svg",
         "ui-kit/assets/filter.svg",
-        "ui-kit/assets/function.svg",
         "ui-kit/assets/homepage.svg",
-        "ui-kit/assets/interface.svg",
-        "ui-kit/assets/interface-kotlin.svg",
-        "ui-kit/assets/object.svg",
-        "ui-kit/assets/placeholder.svg",
         "ui-kit/assets/theme-toggle.svg",
-        "ui-kit/assets/typealias-kotlin.svg",
+        "ui-kit/assets/placeholder.svg",
 
         // images
         "images/arrow_down.svg",

diff --git a/dokka-subprojects/plugin-base/src/main/resources/dokka/ui-kit/ui-kit.css b/dokka-subprojects/plugin-base/src/main/resources/dokka/ui-kit/ui-kit.css
@@ -444,6 +444,7 @@
   cursor: pointer;
   letter-spacing: -0.03em;
   text-transform: capitalize;
+  color: var(--color-text-nav-dt);
   border: none;
   background-color: var(--color-background-nav-dt);
   font: var(--font-text-m);

diff --git a/dokka-subprojects/plugin-base/src/main/resources/dokka/ui-kit/ui-kit.min.css b/dokka-subprojects/plugin-base/src/main/resources/dokka/ui-kit/ui-kit.min.css