mirror of
https://github.com/nagisa77/OpenIsle.git
synced 2026-03-08 13:00:45 +08:00
feat: comment ui
This commit is contained in:
@@ -17,4 +17,39 @@ body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-family: 'Roboto', sans-serif;
|
||||
}
|
||||
|
||||
|
||||
/*************************
|
||||
* Vditor 自定义皮肤覆写
|
||||
*************************/
|
||||
/*
|
||||
思路:
|
||||
1. 用 CSS 变量快速改大色块;
|
||||
2. 再用选择器去掉边框 / 阴影。
|
||||
注意顺序:一定写在官方 index.css 之后才能生效。
|
||||
*/
|
||||
|
||||
.comment-editor-container .vditor {
|
||||
/* 去掉整体背景与边框,让它融入父容器 */
|
||||
--panel-background-color: transparent;
|
||||
--border-color: transparent;
|
||||
--textarea-background-color: transparent;
|
||||
border: none !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
/* 工具栏彻底无边框、透明背景 */
|
||||
.comment-editor-container .vditor-toolbar {
|
||||
background: transparent !important;
|
||||
border: none !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
/* 编辑区(wysiwyg / ir / sv)背景透明 */
|
||||
.comment-editor-container .vditor-content,
|
||||
.comment-editor-container .vditor-wysiwyg,
|
||||
.comment-editor-container .vditor-ir,
|
||||
.comment-editor-container .vditor-textarea {
|
||||
background: transparent !important;
|
||||
}
|
||||
Reference in New Issue
Block a user