40 lines
2.6 KiB
HTML
40 lines
2.6 KiB
HTML
<th:block >
|
|
<div id="rightside">
|
|
<div id="rightside-config-hide">
|
|
<button th:if="${htmlType == 'post' && theme.config.tool.rightside.readmode}" id="readmode" type="button" title="阅读模式"><i class="haofont hao-icon-book-open"></i></button>
|
|
<button th:if="${theme.config.style.translate.translateEnable}" id="translateLink" type="button" title="简繁转换">繁</button>
|
|
<button id="darkmode" type="button" title="浅色和深色模式转换"><i class="haofont hao-icon-circle-half-stroke"></i></button>
|
|
<button id="hide-aside-btn" type="button" title="单栏和双栏切换"><i class="haofont hao-icon-arrows-left-right"></i></button>
|
|
</div>
|
|
<div id="rightside-config-show">
|
|
<button id="rightside-config" type="button" title="设置"><i class="haofont hao-icon-gear"></i></button>
|
|
<button th:if="${htmlType == 'post'}" class="close" id="mobile-toc-button" type="button" title="目录"><i class="haofont hao-icon-list-ul"></i></button>
|
|
<a id="to_comment" href="#post-comment" title="直达评论" ><i class="haofont hao-icon-chat--fill" style="font-size: 17px;"></i></a>
|
|
<a th:if="${theme.config.comments.commentBarrageConfig.commentBarrageEnable}" id="switch-commentBarrage" href="javascript:heo.switchCommentBarrage();" rel="external nofollow noreferrer" title="开关弹幕" draggable="false" data-pjax-state="external"><i class="haofont hao-icon-danmu"></i></a>
|
|
<button id="go-up" type="button" title="回到顶部"><i class="haofont hao-icon-arrow-up"></i></button>
|
|
<a th:if="${htmlType == 'post' || htmlType == 'page'}"
|
|
th:with="editor = ${htmlType == 'post' ? 'posts/editor?name='+ post.metadata.name : htmlType == 'page' ? 'single-pages/editor?name='+ singlePage.metadata.name : '' }"
|
|
sec:authorize="isAuthenticated()"
|
|
th:href="|/console/${editor}&returnToView=true|"
|
|
title="编辑文章" >
|
|
<i class="haofont hao-icon-pencil"></i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<style th:if="${!theme.config.tool.rightside.rightsideEnable}">
|
|
#rightside {
|
|
display: none;
|
|
}
|
|
.comment-barrage {
|
|
right: 20px;
|
|
}
|
|
@media screen and (min-width: 1300px) {
|
|
#post #pagination {
|
|
right: 20px;
|
|
}
|
|
}
|
|
</style>
|
|
|
|
<link th:if="${theme.config.tool.rightside.readmode && theme.config.tool.rightside.rightsideEnable}"
|
|
rel="stylesheet" th:href="${assets_link + '/css/read-mode.css' + theme_version}">
|
|
</th:block> |