ktl-1766 fix: fix header styles

Kotlin · Nov 27, 2024 · 7668e92 · 7668e92
1 parent 7c434b8
commit 7668e92
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 1 deletion.
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
@@ -155,6 +155,12 @@
     }
   }
 
+  @media (width <= $breakpoint-tablet-max) {
+    li.dropdown--option:first-of-type {
+      margin-top: 12px;
+    }
+  }
+
   &--overlay {
     position: absolute;
     z-index: 4;

diff --git a/dokka-subprojects/plugin-base-frontend/src/main/ui-kit/library-name/styles.scss b/dokka-subprojects/plugin-base-frontend/src/main/ui-kit/library-name/styles.scss
@@ -14,6 +14,7 @@
   color: var(--color-text-dt);
 
   font: var(--font-h4);
+  border-radius: var(--size-s1);
 
   &:focus-visible {
     outline: var(--focus-outline);

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
@@ -511,6 +511,11 @@
   text-transform: uppercase;
 }
 
+@media (max-width: 899px) {
+  .dropdown li.dropdown--option:first-of-type {
+    margin-top: 12px;
+  }
+}
 .dropdown--overlay {
   background-color: hsla(0, 0%, 54%, 0.5);
   bottom: 0;
@@ -851,6 +856,8 @@
 
 .library-name--link {
   align-items: center;
+  border-radius: 4px;
+  border-radius: var(--size-s1);
   color: hsla(0, 0%, 100%, 0.96);
   color: var(--color-text-dt);
   display: flex;