dany/antd-web-apps
1
0
Fork 0
mirror of https://github.com/lxsang/antd-web-apps synced 2024-11-20 02:18:20 +01:00
Code Issues Projects Releases Wiki Activity

enhance book display

Browse Source
This commit is contained in:
lxsang 2021-02-19 19:37:26 +01:00
parent f457924d38
commit e8f3fc2c83
2 changed files with 27 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
doc/assets/style.css
View File

@ -146,7 +146,7 @@ div.search-icon {
} }
div.doc-toc { div.doc-toc {
max-width: 70%; max-width: 70%;
padding-right: 10px; padding-right: 0;
background-color: #e3e3e3; background-color: #e3e3e3;
color: #2c2c2c; color: #2c2c2c;
overflow: auto; overflow: auto;
@ -154,17 +154,25 @@ div.doc-toc {
top: 30px; top: 30px;
bottom: 30px; bottom: 30px;
border-right: 1px solid #c9c9c9; border-right: 1px solid #c9c9c9;
border-left: 1px solid #c9c9c9;
padding-top: 0; padding-top: 0;
padding-bottom: 10px; padding-bottom: 10px;
box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.65); box-shadow: 0px 6px 3px -1px rgba(0,0,0,0.65);
z-index: 20; z-index: 20;
} }
button#btn_toc {
width: 33px; a.toc-active {
height: 33px;
border: 1px solid #c9c9c9; border: 1px solid #c9c9c9;
border-bottom: 0;
background-color: #e3e3e3; background-color: #e3e3e3;
outline: none; outline: none;
display: block;
padding-left: 5px;
padding-right: 5px;
color: #2c2c2c !important;
}
a.toc-active::before{
color: #2c2c2c !important;
} }
div.doc-toc-header{ div.doc-toc-header{
@ -187,6 +195,7 @@ div.doc-toc a {
list-style-type: none; list-style-type: none;
padding: 0; padding: 0;
padding-left: 10px; padding-left: 10px;
padding-right: 10px;
} }
div.doc-toc ul.nested { div.doc-toc ul.nested {
list-style-type: none; list-style-type: none;

14
doc/views/default/layout.ls
View File

@ -163,12 +163,24 @@ end
Powered by antd server, (c) 2019 - <?=os.date("*t").year?> Xuan Sang LE Powered by antd server, (c) 2019 - <?=os.date("*t").year?> Xuan Sang LE
</div> </div>
<script> <script>
const toc_class_toggle = () => {
if(!$("#doc_toc").is(":hidden"))
{
$("#btn_toc").attr("class", "toc-active");
}
else
{
$("#btn_toc").removeClass("toc-active");
}
};
window.addEventListener('load', (event) => { window.addEventListener('load', (event) => {
$("#btn_toc").click(function(){ $("#btn_toc").click(function(){
$("#doc_toc").toggle(); $("#doc_toc").toggle();
toc_class_toggle();
}); });
$("#doc_content").click(function(){ $("#doc_content").click(function(){
$("#doc_toc").hide(); $("#doc_toc").hide();
toc_class_toggle();
}); });
// tree view events // tree view events
var toggler = document.getElementsByClassName("caret"); var toggler = document.getElementsByClassName("caret");
@ -216,7 +228,7 @@ end
end end
?> ?>
}); });
toc_class_toggle();
</script> </script>
</body> </body>
</html> </html>