From 53498c624fc90d4c58a858373b1b8173f85bc64c Mon Sep 17 00:00:00 2001 From: dlttsite <69102907+dlttsite@users.noreply.github.com> Date: Tue, 7 Dec 2021 14:54:12 +0800 Subject: [PATCH] =?UTF-8?q?=E8=AF=84=E8=AE=BA=E6=A0=87=E8=AE=B0=E6=9B=B4?= =?UTF-8?q?=E6=96=B0=E4=B8=BA=20border-bottom=20=E5=AE=9E=E7=8E=B0?= =?UTF-8?q?=E6=8D=A2=E8=A1=8C=E6=98=BE=E7=A4=BA=E6=A0=87=E8=AE=B0,?= =?UTF-8?q?=E5=8E=BB=E6=8E=89=E4=BB=A3=E7=A0=81=E8=A1=8C=E6=95=B0=E9=87=8C?= =?UTF-8?q?=E6=A0=87=E8=AE=B0=E6=A0=B7=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- examples/react/components/comment/index.css | 192 ++++++++++---------- 1 file changed, 96 insertions(+), 96 deletions(-) diff --git a/examples/react/components/comment/index.css b/examples/react/components/comment/index.css index f285f0db..d1fbdac1 100644 --- a/examples/react/components/comment/index.css +++ b/examples/react/components/comment/index.css @@ -1,166 +1,166 @@ /** 编辑器中标记样式 ---- 开始 **/ -[data-comment-preview], [data-comment-id] { - position: relative; +[data-comment-preview], +[data-comment-id] { + position: relative; } -span[data-comment-preview], span[data-comment-id] { - display: inline-block; - text-indent: 0; +span[data-comment-preview], +span[data-comment-id] { + display: inline; + padding-bottom: 2px; + text-indent: 0; + border-bottom: 2px solid #f8e1a1 !important; } - -[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; } /** 编辑器中标记样式 ---- 结束 **/ .data-comment-button-container { - display: none; - position: absolute; - border: 1px solid rgba(226, 226, 226, 0.84); - border-radius: 2px; - background: #fff; - width: 20px; - text-align: center; - height: 20px; - align-items: center; - justify-content: center; - cursor: pointer; - color: #888888; + display: none; + position: absolute; + border: 1px solid rgba(226, 226, 226, 0.84); + border-radius: 2px; + background: #fff; + width: 20px; + text-align: center; + height: 20px; + align-items: center; + justify-content: center; + cursor: pointer; + color: #888888; } .data-comment-button-container:hover { - color: #347eff; - border-color: #347eff; - box-shadow: 0px 2px 4px 0px rgb(225 225 225 / 50%); + color: #347eff; + border-color: #347eff; + box-shadow: 0px 2px 4px 0px rgb(225 225 225 / 50%); } .data-comment-button-container .data-icon { - font-size: 12px; + font-size: 12px; } .doc-comment-layer { - position: absolute; - top: 20px; - width: calc(50% - 454px); - left: calc(50% + 428px); - padding-left: 24px; + position: absolute; + top: 20px; + width: calc(50% - 454px); + left: calc(50% + 428px); + padding-left: 24px; } .doc-comment-title { - position: relative; - margin-bottom: 10px; - font-size: 14px; - font-weight: 700; - padding: 0 2px 8px; - border-bottom: 1px solid #e8e8e8; + position: relative; + margin-bottom: 10px; + font-size: 14px; + font-weight: 700; + padding: 0 2px 8px; + border-bottom: 1px solid #e8e8e8; } .doc-comment-item { - position: absolute; - background-color: #fff; - border: 1px solid #dee0e3; - border-radius: 4px; - width: calc(100% - 24px); + position: absolute; + background-color: #fff; + border: 1px solid #dee0e3; + border-radius: 4px; + width: calc(100% - 24px); } .doc-comment-item-active::before { - border-top-left-radius: 4px; - border-top-right-radius: 4px; - content: ""; - position: absolute; - width: calc(100% + 2px); - height: 6px; - background: #ffc60a; - margin-top: -1px; - margin-left: -1px; - margin-right: -1px; + border-top-left-radius: 4px; + border-top-right-radius: 4px; + content: ''; + position: absolute; + width: calc(100% + 2px); + height: 6px; + background: #ffc60a; + margin-top: -1px; + margin-left: -1px; + margin-right: -1px; } .doc-comment-item-haeder { - padding: 12px; - margin-top: 2px; - position: relative; - line-height: 18px; + padding: 12px; + margin-top: 2px; + position: relative; + line-height: 18px; } .doc-comment-item-haeder::before { - content: ""; - position: absolute; - width: 2px; - height: 18px; - border-radius: 15px; - background: #bbbfc4; + content: ''; + position: absolute; + width: 2px; + height: 18px; + border-radius: 15px; + background: #bbbfc4; } .doc-comment-item-title { - text-overflow: ellipsis; - white-space: nowrap; - overflow: hidden; - padding-left: 7px; - font-size: 12px; - color: #646a73; + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; + padding-left: 7px; + font-size: 12px; + color: #646a73; } .doc-comment-item-body { - padding: 0px 12px 12px; + padding: 0px 12px 12px; } .doc-comment-item-body .ant-space-vertical { - display: flex; + display: flex; } .doc-comment-edit-wrapper { - } .doc-comment-edit-input { - } .doc-comment-edit-button { - display: flex; - align-items: center; - justify-content: flex-end; - margin-top: 12px; + display: flex; + align-items: center; + justify-content: flex-end; + margin-top: 12px; } .doc-comment-edit-button .ant-btn { - margin-left: 12px; - font-size: 12px; + margin-left: 12px; + font-size: 12px; } .doc-comment-item-row { - font-size: 12px; + font-size: 12px; } .doc-comment-item-author { - margin-bottom: 0; - line-height: 18px; - color: #646a73; + margin-bottom: 0; + line-height: 18px; + color: #646a73; } .doc-comment-item-time { } .doc-comment-item-content { - margin: 6px 0; - word-wrap: break-word; - white-space: pre-wrap; - hyphens: auto; - word-break: break-word; - color: #1f2329; -} \ No newline at end of file + margin: 6px 0; + word-wrap: break-word; + white-space: pre-wrap; + hyphens: auto; + word-break: break-word; + color: #1f2329; +}