innov
/
am-editor11212
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

评论标记更新为 border-bottom 实现换行显示标记,去掉代码行数里标记样式

This commit is contained in:
dlttsite 2021-12-07 14:54:12 +08:00
parent 73ac6a8ee3
commit 53498c624f
1 changed files with 96 additions and 96 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
examples/react/components/comment/index.css
View File

@ -1,29 +1,31 @@
/** 编辑器中标记样式 ---- 开始 **/
[data-comment-preview], [data-comment-id] {
[data-comment-preview],
[data-comment-id] {
position: relative;
}
span[data-comment-preview], span[data-comment-id] {
display: inline-block;
span[data-comment-preview],
span[data-comment-id] {
display: inline;
padding-bottom: 2px;
text-indent: 0;
}
[data-comment-preview]::before, [data-comment-id]::before{
content: '';
position: absolute;
width: 100%;
bottom: 0px;
left: 0;
height: 2px;
border-bottom: 2px solid #f8e1a1 !important;
}
/* 去掉代码行数标记 */
.CodeMirror-linenumber span[data-comment-preview],
.CodeMirror-linenumber span[data-comment-id] {
padding-bottom: 0;
border-bottom: none !important;
background: none !important;
}
[data-comment-preview] {
background:rgb(250, 241, 209) !important;
background: rgb(250, 241, 209) !important;
}
[data-card-key][data-comment-id]::before, [data-card-key][data-comment-preview]::before {
bottom:-2px;
[data-card-key][data-comment-id]::before,
[data-card-key][data-comment-preview]::before {
bottom: -2px;
}
/** 编辑器中标记样式 ---- 结束 **/
@ -80,7 +82,7 @@ span[data-comment-preview], span[data-comment-id] {
.doc-comment-item-active::before {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
content: "";
content: '';
position: absolute;
width: calc(100% + 2px);
height: 6px;
@ -98,7 +100,7 @@ span[data-comment-preview], span[data-comment-id] {
}
.doc-comment-item-haeder::before {
content: "";
content: '';
position: absolute;
width: 2px;
height: 18px;
@ -124,11 +126,9 @@ span[data-comment-preview], span[data-comment-id] {
}
.doc-comment-edit-wrapper {
}
.doc-comment-edit-input {
}
.doc-comment-edit-button {