diff options
| -rw-r--r-- | core/src/main/resources/dokka/styles/style.css | 60 | ||||
| -rw-r--r-- | plugins/base/src/main/kotlin/renderers/html/HtmlRenderer.kt | 21 |
2 files changed, 53 insertions, 28 deletions
diff --git a/core/src/main/resources/dokka/styles/style.css b/core/src/main/resources/dokka/styles/style.css index b7ab5c7a..ef936fcf 100644 --- a/core/src/main/resources/dokka/styles/style.css +++ b/core/src/main/resources/dokka/styles/style.css @@ -427,31 +427,26 @@ footer { align-self: center; } -.platform-tag:nth-child(1) { +.platform-tag.jvm-like { background-color: #4DBB5F; color: white; } -.platform-tag:nth-child(2) { - background-color: orange; +.platform-tag.js-like { + background-color: #FED236; color: white; } -.platform-tag:nth-child(3) { - background-color: crimson; +.platform-tag.native-like { + background-color: #CD74F6; color: white; } -.platform-tag:nth-child(4) { - background-color: gray; +.platform-tag.common-like { + background-color: #A6AFBA; color: white; } -.platform-tag.common { - background-color: #F4F4F4; - color: #637282; -} - td.content { padding-left: 24px; padding-top: 16px; @@ -496,29 +491,46 @@ td.content { margin: 0; } -.platform-hinted > .platform-bookmarks-row > .platform-bookmark:nth-child(1):hover { - border-top: 2px solid #4DBB5F; +.platform-hinted > .platform-bookmarks-row > .platform-bookmark.jvm-like:hover { + border-top: 2px solid rgba(77, 187, 95, 0.3); } -.platform-hinted > .platform-bookmarks-row > .platform-bookmark:nth-child(2):hover { - border-top: 2px solid orange; +.platform-hinted > .platform-bookmarks-row > .platform-bookmark.js-like:hover { + border-top: 2px solid rgba(254, 175, 54, 0.3); } -.platform-hinted > .platform-bookmarks-row > .platform-bookmark:nth-child(3):hover { - border-top: 2px solid crimson; +.platform-hinted > .platform-bookmarks-row > .platform-bookmark.native-like:hover { + border-top: 2px solid rgba(105, 118, 249, 0.3); } -.platform-hinted > .platform-bookmarks-row > .platform-bookmark:nth-child(4):hover { - border-top: 2px solid gray; +.platform-hinted > .platform-bookmarks-row > .platform-bookmark.common-like:hover { + border-top: 2px solid rgba(161, 170, 180, 0.3); } -.platform-hinted > .platform-bookmarks-row > .platform-bookmark[data-toggle='common']:hover { - border-top: 2px solid #F4F4F4; +.platform-hinted > .platform-bookmarks-row > .platform-bookmark.jvm-like[data-active=''] { + border: 2px solid #F4F4F4; + border-top: 2px solid #4DBB5F; + + background: #F4F4F4; } -.platform-hinted > .platform-bookmarks-row > .platform-bookmark[data-active=''] { +.platform-hinted > .platform-bookmarks-row > .platform-bookmark.js-like[data-active=''] { border: 2px solid #F4F4F4; - border-top: 2px solid #4DBB5F; + border-top: 2px solid #FED236; + + background: #F4F4F4; +} + +.platform-hinted > .platform-bookmarks-row > .platform-bookmark.native-like[data-active=''] { + border: 2px solid #F4F4F4; + border-top: 2px solid #CD74F6; + + background: #F4F4F4; +} + +.platform-hinted > .platform-bookmarks-row > .platform-bookmark.common-like[data-active=''] { + border: 2px solid #F4F4F4; + border-top: 2px solid #A6AFBA; background: #F4F4F4; } diff --git a/plugins/base/src/main/kotlin/renderers/html/HtmlRenderer.kt b/plugins/base/src/main/kotlin/renderers/html/HtmlRenderer.kt index 388ee72f..85005bc0 100644 --- a/plugins/base/src/main/kotlin/renderers/html/HtmlRenderer.kt +++ b/plugins/base/src/main/kotlin/renderers/html/HtmlRenderer.kt @@ -81,6 +81,15 @@ open class HtmlRenderer( button(classes = "platform-bookmark") { if (index == 0) attributes["data-active"] = "" attributes["data-toggle"] = pair.first.sourceSetName + when( + pair.first.platform.key + ){ + "common" -> classes = classes + "common-like" + "native" -> classes = classes + "native-like" + "jvm" -> classes = classes + "jvm-like" + "js" -> classes = classes + "js-like" + } + attributes["data-toggle"] = pair.first.sourceSetName text(pair.first.sourceSetName) } } @@ -230,14 +239,18 @@ open class HtmlRenderer( } } - private fun FlowContent.createPlatformTags(node: ContentNode, sourceSetRestriction: Set<SourceSetData>? = null) { node.takeIf { sourceSetRestriction == null || it.sourceSets.any { s -> s in sourceSetRestriction } }?.let { div("platform-tags") { - node.sourceSets.filter { sourceSetRestriction == null || it in sourceSetRestriction }.forEach { + node.sourceSets.filter { sourceSetRestriction == null || it in sourceSetRestriction }.forEach { data -> div("platform-tag") { - if (it.sourceSetName.equals("common", ignoreCase = true)) classes = classes + "common" - text(it.sourceSetName) + when(data.platform.key){ + "common" -> classes = classes + "common-like" + "native" -> classes = classes + "native-like" + "jvm" -> classes = classes + "jvm-like" + "js" -> classes = classes + "js-like" + } + text(data.sourceSetName) } } } |