ktl-1766 fix: another approach

Kotlin · Nov 28, 2024 · aed9d3a · aed9d3a
1 parent d248488
commit aed9d3a
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 12 deletions.
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,12 +155,6 @@
     }
   }
 
-  @media (width <= $breakpoint-tablet-max) {
-    li.dropdown--option:first-of-type {
-      margin-top: 12px;
-    }
-  }
-
   &--overlay {
     position: absolute;
     z-index: 4;
@@ -210,5 +204,11 @@
     @media (width >= $breakpoint-desktop-min) {
       display: none;
     }
+
+    @media (width <= $breakpoint-tablet-max) {
+      & + :not(.sidebar--inner) {
+        margin-top: 12px;
+      }
+    }
   }
 }
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,11 +511,6 @@
   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;
@@ -561,6 +556,11 @@
     display: none;
   }
 }
+@media (max-width: 899px) {
+  .dropdown--header + :not(.sidebar--inner) {
+    margin-top: 12px;
+  }
+}
 :root {
   --breakpoint-desktop-min:900px;
   --breakpoint-tablet-max:899px;