Fix: dropdown for multiple versions

Kotlin · Jan 31, 2023 · 447630f · 447630f
1 parent 80e8795
commit 447630f
Showing 1 changed file with 9 additions and 13 deletions.
diff --git a/plugins/versioning/src/main/resources/dokka/styles/multimodule.css b/plugins/versioning/src/main/resources/dokka/styles/multimodule.css
@@ -1,8 +1,9 @@
 .versions-dropdown {
-  float: right;
+  position: relative;
 }
 
 .versions-dropdown-button {
+  display: flex;
   border: none;
   cursor: pointer;
   padding: 5px;
@@ -12,13 +13,11 @@
     content: '';
     -webkit-mask: url("../images/arrow_down.svg") no-repeat 50% 50%;
     mask: url("../images/arrow_down.svg") no-repeat 50% 50%;
-        mask-size: auto;
+    mask-size: auto;
     -webkit-mask-size: cover;
     mask-size: cover;
     background-color: #fff;
     display: inline-block;
-    position: relative;
-    top: 2px;
     transform: rotate(90deg);
     width: 24px;
     height: 16px;
@@ -28,25 +27,22 @@
   display: none;
   position: absolute;
   background-color: #27282c;
-  border-style: solid;
-  border-width: 1px;
-  border-color: hsla(0,0%,100%,.6);
-  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
+  border: 1px solid hsla(0, 0%, 100%, .6);
+  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
   z-index: 1;
   overflow-y: auto;
   max-height: 200px;
   min-width: 50px;
-
 }
 
-.versions-dropdown-data a {
+.versions-dropdown-data > a {
+  display: block;
   padding: 5px;
-  padding-right: 18px;
+  color: #fff;
   text-decoration: none;
-  display: block;
 }
 
-.versions-dropdown-data a:hover {
+.versions-dropdown-data > a:hover {
   background-color: hsla(0,0%,100%,.1)
 }