From 447630f3f9e434466c6a76f5b13d67689345899f Mon Sep 17 00:00:00 2001 From: zoobestik Date: Tue, 31 Jan 2023 17:19:51 +0100 Subject: [PATCH] Fix: dropdown for multiple versions --- .../resources/dokka/styles/multimodule.css | 22 ++++++++----------- 1 file changed, 9 insertions(+), 13 deletions(-) diff --git a/plugins/versioning/src/main/resources/dokka/styles/multimodule.css b/plugins/versioning/src/main/resources/dokka/styles/multimodule.css index 541e2eb921..d56dd8bf53 100644 --- 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) }