Improve versioning plugin (#2104)

- support for single module projects
- version navigator is on all pages
- dropdown arrow for version navigator

1 files changed, 24 insertions, 6 deletions

diff --git a/plugins/versioning/src/main/resources/dokka/styles/multimodule.css b/plugins/versioning/src/main/resources/dokka/styles/multimodule.css
index 4334d759..541e2eb9 100644
--- a/plugins/versioning/src/main/resources/dokka/styles/multimodule.css
+++ b/plugins/versioning/src/main/resources/dokka/styles/multimodule.css
@@ -8,28 +8,46 @@
   padding: 5px;
 }
 
-.versions-dropdown-button:hover,
-.versions-dropdown-button:focus {
-  background-color: #f1f1f1;
+.versions-dropdown-button::after {
+    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;
+    -webkit-mask-size: cover;
+    mask-size: cover;
+    background-color: #fff;
+    display: inline-block;
+    position: relative;
+    top: 2px;
+    transform: rotate(90deg);
+    width: 24px;
+    height: 16px;
 }
 
 .versions-dropdown-data {
   display: none;
   position: absolute;
-  background-color: #f1f1f1;
+  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);
   z-index: 1;
+  overflow-y: auto;
+  max-height: 200px;
+  min-width: 50px;
+
 }
 
 .versions-dropdown-data a {
   padding: 5px;
+  padding-right: 18px;
   text-decoration: none;
   display: block;
-  color: black;
 }
 
 .versions-dropdown-data a:hover {
-  background-color: #ddd
+  background-color: hsla(0,0%,100%,.1)
 }
 
 .versions-dropdown:hover .versions-dropdown-data {