Skip to content

Commit

Permalink
add img toggle (#723)
Browse files Browse the repository at this point in the history
Kun8018 authored Jul 16, 2021

Verified

This commit was created on GitHub.com and signed with GitHub’s verified signature. The key has expired.
1 parent ed5c9b3 commit 5546dda
Showing 5 changed files with 48 additions and 0 deletions.
25 changes: 25 additions & 0 deletions docs-2.0/css/version-select.css
Original file line number Diff line number Diff line change
@@ -1,3 +1,28 @@
img:hover {
cursor: pointer;
}
.max {
width: auto;
position: fixed;
top: calc(50vh);
z-index: 100;
left: 50%;
transform: translate(-50%, -50%);
max-width: calc(100vw);
}
.min {
width: auto;
}
.dialog-bg{
position: absolute;
width: calc(100vw);
height: calc(100vh);
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(0,0,0,0.4);
}
@media only screen and (max-width:76.1875em) {
#version-selector {
padding: .6rem .8rem;
15 changes: 15 additions & 0 deletions docs-2.0/js/init.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
(function(){
$("img").click(function change(){
var $this = $(this)
$(this).toggleClass("max");
$("#dialog-bg").toggleClass("dialog-bg");
});
$("#dialog-bg").on("click",function () {
$("#dialog-bg").toggleClass("dialog-bg");
$("img").each(function(){
if($(this).hasClass("max")){
$(this).toggleClass("max");
}
})
});
})()
5 changes: 5 additions & 0 deletions docs-2.0/js/jquery.js

Large diffs are not rendered by default.

2 changes: 2 additions & 0 deletions mkdocs.yml
Original file line number Diff line number Diff line change
@@ -400,6 +400,8 @@ plugins:
extra_javascript:
- js/version-select.js
- js/config.js
- js/jquery.js
- js/init.js
- https://polyfill.io/v3/polyfill.min.js?features=es6
- https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js

1 change: 1 addition & 0 deletions overrides/partials/header.html
Original file line number Diff line number Diff line change
@@ -2,6 +2,7 @@
This file was automatically generated - do not edit
-#}
<header class="md-header" data-md-component="header">
<div id="dialog-bg"></div>
<div id="banner" style="width: 100%;display:flex;height: 35px;justify-content:center;align-items:center;background-color:#FFE45E;font-size:15px;font-weight: 400;color: #000000;">
该版本文档对应尚未发布的Nebula Graph开发版本。如需了解最新的已发布版本,请查看
<a href="https://docs.nebula-graph.com.cn/2.0.1/" style="font-weight: 500;text-decoration:underline;">v2.0.1文档</a>

0 comments on commit 5546dda

Please sign in to comment.