github
/
halo-theme-hao
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge pull request #476 from chengzhongxue/main 

化评论代码块
This commit is contained in:
困困鱼 2023-09-09 02:53:57 +08:00 committed by GitHub
parent 191eba17a7 df15624cfb
commit 35572287f1
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 72 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
templates/assets/libs/aplayer/music.css
View File

@ -38,6 +38,10 @@ body[data-type=music] .music-mask{
display: none; display: none;
} }
body[data-type=music] #rightside{
display: none;
}
body[data-type=music] #web_bg { body[data-type=music] #web_bg {
display: none; display: none;
} }
@ -402,10 +406,6 @@ body[data-type=music] #nav-music {
@media screen and (max-width: 768px) { @media screen and (max-width: 768px) {
body[data-type=music] #rightside {
display: none
}
body[data-type=music] #content-inner, body[data-type=music] #content-inner,
body[data-type=music] #page { body[data-type=music] #page {
z-index: auto z-index: auto

93
templates/assets/libs/prism/code.css
View File

@ -8,7 +8,8 @@
} }
#article-container .code-toolbar { #article-container .code-toolbar,
#post-comment .code-toolbar{
margin: 18px 0; margin: 18px 0;
overflow: hidden; overflow: hidden;
-webkit-box-shadow: var(--rl-code-bar-shadow); -webkit-box-shadow: var(--rl-code-bar-shadow);
@ -16,7 +17,8 @@
border-radius: 7px border-radius: 7px
} }
#article-container .code-toolbar:before { #article-container .code-toolbar:before,
#post-comment .code-toolbar:before{
content: ""; content: "";
position: absolute; position: absolute;
top: 11px; top: 11px;
@ -30,7 +32,8 @@
box-shadow: 20px 0 #fdbc40,40px 0 #35cd4b box-shadow: 20px 0 #fdbc40,40px 0 #35cd4b
} }
#article-container .code-toolbar .toolbar { #article-container .code-toolbar .toolbar,
#post-comment .code-toolbar .toolbar{
position: absolute; position: absolute;
pointer-events: none; pointer-events: none;
opacity: 1; opacity: 1;
@ -43,11 +46,13 @@
text-align: center text-align: center
} }
#article-container .code-toolbar .toolbar-item:first-child { #article-container .code-toolbar .toolbar-item:first-child,
#post-comment .code-toolbar .toolbar-item:first-child{
display: none display: none
} }
#article-container .code-toolbar .toolbar-item:first-child span { #article-container .code-toolbar .toolbar-item:first-child span,
#post-comment .code-toolbar .toolbar-item:first-child span{
background-color: transparent; background-color: transparent;
-webkit-box-shadow: none; -webkit-box-shadow: none;
box-shadow: none; box-shadow: none;
@ -56,7 +61,8 @@
} }
#article-container .code-toolbar .toolbar .custom-item { #article-container .code-toolbar .toolbar .custom-item,
#post-comment .code-toolbar .toolbar .custom-item{
-webkit-user-select: none; -webkit-user-select: none;
-moz-user-select: none; -moz-user-select: none;
-ms-user-select: none; -ms-user-select: none;
@ -67,7 +73,8 @@
pointer-events: all pointer-events: all
} }
#article-container .code-toolbar .toolbar .custom-item>i { #article-container .code-toolbar .toolbar .custom-item>i,
#post-comment .code-toolbar .toolbar .custom-item>i {
cursor: pointer; cursor: pointer;
margin-left: 8px; margin-left: 8px;
-webkit-transition: -webkit-transform .2s; -webkit-transition: -webkit-transform .2s;
@ -75,32 +82,39 @@
transition: transform .2s,-webkit-transform .2s transition: transform .2s,-webkit-transform .2s
} }
#article-container .code-toolbar .toolbar .custom-item>i:hover { #article-container .code-toolbar .toolbar .custom-item>i:hover,
#post-comment .code-toolbar .toolbar .custom-item>i:hover{
-webkit-filter: brightness(1.2); -webkit-filter: brightness(1.2);
filter: brightness(1.2) filter: brightness(1.2)
} }
#article-container .toolbar .copy-button:hover, #article-container .toolbar .copy-button:hover,
#article-container .toolbar .code-expander:hover{ #article-container .toolbar .code-expander:hover,
#post-comment .toolbar .copy-button:hover,
#post-comment .toolbar .code-expander:hover{
color: var(--heo-main); color: var(--heo-main);
} }
#article-container .code-toolbar .toolbar.c-expander i.code-expander { #article-container .code-toolbar .toolbar.c-expander i.code-expander,
#post-comment .code-toolbar .toolbar.c-expander i.code-expander{
-webkit-transform: rotate(90deg); -webkit-transform: rotate(90deg);
transform: rotate(90deg) transform: rotate(90deg)
} }
#article-container .code-toolbar .toolbar.c-title .toolbar-item:first-child { #article-container .code-toolbar .toolbar.c-title .toolbar-item:first-child,
#post-comment .code-toolbar .toolbar.c-title .toolbar-item:first-child{
display: block display: block
} }
#article-container .code-toolbar .toolbar.c-hr { #article-container .code-toolbar .toolbar.c-hr ,
#post-comment .code-toolbar .toolbar.c-hr{
border-bottom: 1px solid #b2a8a84d border-bottom: 1px solid #b2a8a84d
} }
#article-container .code-toolbar pre[class*=language-] { #article-container .code-toolbar pre[class*=language-],
#post-comment .code-toolbar pre[class*=language-]{
position: relative; position: relative;
margin: 0; margin: 0;
padding: 35px 0 0; padding: 35px 0 0;
@ -110,7 +124,8 @@
border-radius: 5px border-radius: 5px
} }
#article-container .code-toolbar pre[class*=language-] .line-numbers-rows { #article-container .code-toolbar pre[class*=language-] .line-numbers-rows,
#post-comment .code-toolbar pre[class*=language-] .line-numbers-rows{
border-right: none; border-right: none;
left: 0; left: 0;
top: 0; top: 0;
@ -119,7 +134,8 @@
width: 2.7em; width: 2.7em;
} }
#article-container .code-toolbar pre[class*=language-] code[class*=language-] { #article-container .code-toolbar pre[class*=language-] code[class*=language-],
#post-comment .code-toolbar pre[class*=language-] code[class*=language-]{
display: block; display: block;
margin-bottom: 0; margin-bottom: 0;
overflow-x: auto; overflow-x: auto;
@ -128,16 +144,27 @@
text-shadow: none text-shadow: none
} }
#article-container .code-toolbar pre[class*=language-] code[class*=language-]::-webkit-scrollbar { #article-container .code-toolbar pre[class*=language-] code[class*=language-]::-webkit-scrollbar,
#post-comment .code-toolbar pre[class*=language-] code[class*=language-]::-webkit-scrollbar{
width: 5px; width: 5px;
height: 5px height: 5px
} }
#article-container .code-toolbar pre[class*=language-] code[class*=language-] .style .token.string,#article-container .code-toolbar pre[class*=language-] code[class*=language-] .token.entity,#article-container .code-toolbar pre[class*=language-] code[class*=language-] .token.operator,#article-container .code-toolbar pre[class*=language-] code[class*=language-] .token.string,#article-container .code-toolbar pre[class*=language-] code[class*=language-] .token.url { #article-container .code-toolbar pre[class*=language-] code[class*=language-] .style .token.string,
#article-container .code-toolbar pre[class*=language-] code[class*=language-] .token.entity,
#article-container .code-toolbar pre[class*=language-] code[class*=language-] .token.operator,
#article-container .code-toolbar pre[class*=language-] code[class*=language-] .token.string,
#article-container .code-toolbar pre[class*=language-] code[class*=language-] .token.url,
#post-comment .code-toolbar pre[class*=language-] code[class*=language-] .style .token.string,
#post-comment .code-toolbar pre[class*=language-] code[class*=language-] .token.entity,
#post-comment .code-toolbar pre[class*=language-] code[class*=language-] .token.operator,
#post-comment .code-toolbar pre[class*=language-] code[class*=language-] .token.string,
#post-comment .code-toolbar pre[class*=language-] code[class*=language-] .token.url {
background-color: transparent background-color: transparent
} }
#article-container .code-toolbar pre[class*=language-].line-numbers code[class*=language-] { #article-container .code-toolbar pre[class*=language-].line-numbers code[class*=language-] ,
#post-comment .code-toolbar pre[class*=language-].line-numbers code[class*=language-]{
padding: 10px 20px 10px 48px; padding: 10px 20px 10px 48px;
} }
@ -148,12 +175,14 @@
top: 0; top: 0;
} }
#article-container .code-toolbar pre[class*=language-] code[class*=language-].c-toggle{ #article-container .code-toolbar pre[class*=language-] code[class*=language-].c-toggle,
#post-comment .code-toolbar pre[class*=language-] code[class*=language-].c-toggle{
display: none; display: none;
} }
/* 代码展开图标 */ /* 代码展开图标 */
#article-container .code-expand-btn { #article-container .code-expand-btn ,
#post-comment .code-expand-btn{
transition: 0.3s; transition: 0.3s;
backdrop-filter: saturate(180%) blur(500px); backdrop-filter: saturate(180%) blur(500px);
-webkit-backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);
@ -171,18 +200,21 @@
height: 32px; height: 32px;
} }
#article-container .code-expand-btn:hover i { #article-container .code-expand-btn:hover i,
#post-comment .code-expand-btn:hover i {
color: var(--heo-white); color: var(--heo-white);
} }
#article-container .code-expand-btn i { #article-container .code-expand-btn i ,
#post-comment .code-expand-btn i{
color: var(--hlnumber-color); color: var(--hlnumber-color);
font-size: 14px; font-size: 14px;
line-height: 1; line-height: 1;
} }
#article-container .code-expand-btn.expand-done { #article-container .code-expand-btn.expand-done,
#post-comment .code-expand-btn.expand-done{
-webkit-transform: rotate(180deg); -webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg); -moz-transform: rotate(180deg);
-o-transform: rotate(180deg); -o-transform: rotate(180deg);
@ -190,22 +222,27 @@
transform: rotate(180deg); transform: rotate(180deg);
} }
#article-container pre{ #article-container pre,
#post-comment pre{
border:0px; border:0px;
} }
#article-container .code-expand-btn:hover { #article-container .code-expand-btn:hover,
#post-comment .code-expand-btn:hover{
background: var(--heo-main); background: var(--heo-main);
} }
#article-container .code-expand-btn:hover i { #article-container .code-expand-btn:hover i ,
#post-comment .code-expand-btn:hover i {
color: var(--heo-white); color: var(--heo-white);
} }
#article-container .code-toolbar pre.close.expand-done{ #article-container .code-toolbar pre.close.expand-done,
#post-comment .code-toolbar pre.close.expand-done{
height: 100%; height: 100%;
} }
#article-container .code-toolbar pre.close.expand-done-expander{ #article-container .code-toolbar pre.close.expand-done-expander,
#post-comment .code-toolbar pre.close.expand-done-expander{
height: 100%; height: 100%;
} }

2
templates/assets/zhheo/zhheoblog.css
View File

@ -12624,7 +12624,7 @@ button.el-button.tk-cancel.el-button--default.el-button--small {
margin: 0px !important; margin: 0px !important;
} }
.tk-replies .tk-content span:first-child { .tk-replies .tk-content span:first-child:not(.token) {
font-size: 0.5rem; font-size: 0.5rem;
color: var(--heo-secondtext); color: var(--heo-secondtext);
} }

2
templates/modules/comment/twikoo.html
View File

@ -18,6 +18,8 @@
region: '', region: '',
onCommentLoaded: function () { onCommentLoaded: function () {
btf.loadLightbox(document.querySelectorAll('#twikoo .tk-content img:not(.tk-owo-emotion)')) btf.loadLightbox(document.querySelectorAll('#twikoo .tk-content img:not(.tk-owo-emotion)'))
typeof hljs === 'object' && hljs.highlightAll()
typeof Prism === 'object' && Prism.highlightAll()
$("input").focus(function () { $("input").focus(function () {
heo_intype = true; heo_intype = true;
}); });