aboutsummaryrefslogtreecommitdiff
path: root/plugins/base/src/test/resources/expect/annotatedFunction/out
diff options
context:
space:
mode:
authorFilip Zybała <fzybala@virtuslab.com>2020-04-06 14:24:07 +0200
committerKamil Doległo <kamilok1965@users.noreply.github.com>2020-04-15 14:41:29 +0200
commit72db3a16521408509f4a0f61ef110851a252d2cc (patch)
tree24f0a93c809045d66063c4c643d6ded4d4c6a0bc /plugins/base/src/test/resources/expect/annotatedFunction/out
parentfee86d79a3aa7357c68c2f8f519d187f43447e8c (diff)
downloaddokka-72db3a16521408509f4a0f61ef110851a252d2cc.tar.gz
dokka-72db3a16521408509f4a0f61ef110851a252d2cc.tar.bz2
dokka-72db3a16521408509f4a0f61ef110851a252d2cc.zip
Change PlatformHintedContent rendering, js and css to match Figma style
Diffstat (limited to 'plugins/base/src/test/resources/expect/annotatedFunction/out')
-rw-r--r--plugins/base/src/test/resources/expect/annotatedFunction/out/html/root/<jvm root>/f.html4
-rw-r--r--plugins/base/src/test/resources/expect/annotatedFunction/out/html/root/<jvm root>/index.html4
-rw-r--r--plugins/base/src/test/resources/expect/annotatedFunction/out/html/root/index.html1
-rw-r--r--plugins/base/src/test/resources/expect/annotatedFunction/out/html/scripts/navigationLoader.js4
-rw-r--r--plugins/base/src/test/resources/expect/annotatedFunction/out/html/scripts/platformContentHandler.js29
-rw-r--r--plugins/base/src/test/resources/expect/annotatedFunction/out/html/styles/style.css50
6 files changed, 88 insertions, 4 deletions
diff --git a/plugins/base/src/test/resources/expect/annotatedFunction/out/html/root/<jvm root>/f.html b/plugins/base/src/test/resources/expect/annotatedFunction/out/html/root/<jvm root>/f.html
index dafca58f..9de96412 100644
--- a/plugins/base/src/test/resources/expect/annotatedFunction/out/html/root/<jvm root>/f.html
+++ b/plugins/base/src/test/resources/expect/annotatedFunction/out/html/root/<jvm root>/f.html
@@ -4,6 +4,7 @@
<title>f</title>
<link href="../../styles/style.css" rel="Stylesheet">
<script type="text/javascript" src="../../scripts/navigationLoader.js" async="async"></script>
+ <script type="text/javascript" src="../../scripts/platformContentHandler.js" async="async"></script>
<script>var pathToRoot = "../../";</script>
</head>
<body>
@@ -20,7 +21,8 @@
<div class="breadcrumbs">//<a href="../index.html">root</a>/<a href="index.html">&lt;jvm root&gt;</a>/<a href="f.html">f</a></div>
<div class="cover ">
<h1>f</h1>
-<div class="symbol monospace">final fun <a href="f.html">f</a>()</div> </div>
+ <div class="platform-hinted" data-platform-hinted="data-platform-hinted"><div class="content" data-active="" data-togglable="jvm"><div class="symbol monospace">final fun <a href="f.html">f</a>()</div></div></div>
+ </div>
</div>
</div>
</div>
diff --git a/plugins/base/src/test/resources/expect/annotatedFunction/out/html/root/<jvm root>/index.html b/plugins/base/src/test/resources/expect/annotatedFunction/out/html/root/<jvm root>/index.html
index 59b7070b..1ebe6dce 100644
--- a/plugins/base/src/test/resources/expect/annotatedFunction/out/html/root/<jvm root>/index.html
+++ b/plugins/base/src/test/resources/expect/annotatedFunction/out/html/root/<jvm root>/index.html
@@ -4,6 +4,7 @@
<title>&lt;jvm root&gt;</title>
<link href="../../styles/style.css" rel="Stylesheet">
<script type="text/javascript" src="../../scripts/navigationLoader.js" async="async"></script>
+ <script type="text/javascript" src="../../scripts/platformContentHandler.js" async="async"></script>
<script>var pathToRoot = "../../";</script>
</head>
<body>
@@ -27,7 +28,8 @@
<tbody>
<tr class="platform-tagged">
<td class="content"><a href="f.html">f</a></td>
- <td class="content"><div class="symbol monospace">final fun <a href="f.html">f</a>()</div>
+ <td class="content">
+ <div class="platform-hinted" data-platform-hinted="data-platform-hinted"><div class="content" data-active="" data-togglable="jvm"><div class="symbol monospace">final fun <a href="f.html">f</a>()</div></div></div>
<div class="brief "> </div>
</td>
<td class="platform-tagged">
diff --git a/plugins/base/src/test/resources/expect/annotatedFunction/out/html/root/index.html b/plugins/base/src/test/resources/expect/annotatedFunction/out/html/root/index.html
index f8c89bbf..a3211166 100644
--- a/plugins/base/src/test/resources/expect/annotatedFunction/out/html/root/index.html
+++ b/plugins/base/src/test/resources/expect/annotatedFunction/out/html/root/index.html
@@ -4,6 +4,7 @@
<title>root</title>
<link href="../styles/style.css" rel="Stylesheet">
<script type="text/javascript" src="../scripts/navigationLoader.js" async="async"></script>
+ <script type="text/javascript" src="../scripts/platformContentHandler.js" async="async"></script>
<script>var pathToRoot = "../";</script>
</head>
<body>
diff --git a/plugins/base/src/test/resources/expect/annotatedFunction/out/html/scripts/navigationLoader.js b/plugins/base/src/test/resources/expect/annotatedFunction/out/html/scripts/navigationLoader.js
index 5fe52ade..ecbabb4c 100644
--- a/plugins/base/src/test/resources/expect/annotatedFunction/out/html/scripts/navigationLoader.js
+++ b/plugins/base/src/test/resources/expect/annotatedFunction/out/html/scripts/navigationLoader.js
@@ -1,4 +1,4 @@
-onload = () => {
+window.addEventListener('load', () => {
fetch(pathToRoot + "navigation.html")
.then(response => response.text())
.then(data => {
@@ -15,7 +15,7 @@ onload = () => {
}).then(() => {
revealNavigationForCurrentPage()
})
-};
+})
revealNavigationForCurrentPage = () => {
let pageId = document.getElementById("content").attributes["pageIds"].value.toString();
diff --git a/plugins/base/src/test/resources/expect/annotatedFunction/out/html/scripts/platformContentHandler.js b/plugins/base/src/test/resources/expect/annotatedFunction/out/html/scripts/platformContentHandler.js
new file mode 100644
index 00000000..b4a9e7c9
--- /dev/null
+++ b/plugins/base/src/test/resources/expect/annotatedFunction/out/html/scripts/platformContentHandler.js
@@ -0,0 +1,29 @@
+window.addEventListener('load', () => {
+ document.querySelectorAll("div[data-platform-hinted]")
+ .forEach(elem => elem.addEventListener('click', (event) => togglePlatformDependent(event,elem)))
+ }
+)
+
+function togglePlatformDependent(e, container) {
+ let target = e.target
+ if (target.tagName != 'BUTTON') return;
+ let index = target.getAttribute('data-toggle')
+
+ for(let child of container.children){
+ if(child.hasAttribute('data-toggle-list')){
+ for(let bm of child.children){
+ if(bm == target){
+ bm.setAttribute('data-active',"")
+ } else if(bm != target) {
+ bm.removeAttribute('data-active')
+ }
+ }
+ }
+ else if(child.getAttribute('data-togglable') == index) {
+ child.setAttribute('data-active',"")
+ }
+ else {
+ child.removeAttribute('data-active')
+ }
+ }
+}
diff --git a/plugins/base/src/test/resources/expect/annotatedFunction/out/html/styles/style.css b/plugins/base/src/test/resources/expect/annotatedFunction/out/html/styles/style.css
index 5c347128..720998ad 100644
--- a/plugins/base/src/test/resources/expect/annotatedFunction/out/html/styles/style.css
+++ b/plugins/base/src/test/resources/expect/annotatedFunction/out/html/styles/style.css
@@ -487,6 +487,56 @@ td.content {
color: #5B5DEF;
}
+.platform-hinted {
+ display: block;
+}
+
+.platform-hinted > .platform-bookmarks-row {
+ display: flex;
+ flex-direction: row;
+ padding: 0px;
+}
+
+.platform-hinted > .platform-bookmarks-row > .platform-bookmark {
+ min-width: 64px;
+ height: 36px;
+ border: 2px solid white;
+ background: white;
+ outline: none;
+ flex: none;
+ order: 5;
+ align-self: flex-start;
+ margin: 0;
+}
+
+.platform-hinted > .platform-bookmarks-row > .platform-bookmark:nth-child(1):hover {
+ border-top: 2px solid gray;
+}
+
+.platform-hinted > .platform-bookmarks-row > .platform-bookmark:nth-child(2):hover {
+ border-top: 2px solid orange;
+}
+
+.platform-hinted > .platform-bookmarks-row > .platform-bookmark:nth-child(3):hover {
+ border-top: 2px solid crimson;
+}
+
+.platform-hinted > .platform-bookmarks-row > .platform-bookmark:nth-child(4):hover {
+ border-top: 2px solid blue;
+}
+
+.platform-hinted > .platform-bookmarks-row > .platform-bookmark[data-active=''] {
+ border: 2px solid #F4F4F4;
+ border-top: 2px solid #4DBB5F;
+
+ background: #F4F4F4;
+}
+
+.platform-hinted > .content:not([data-active]) {
+ display: none
+}
+
+
@media print, screen and (max-width: 960px) {
div.wrapper {