diff --git a/frontend/src/css/draft-review.css b/frontend/src/css/draft-review.css index 606c09e7de..25e7110a33 100644 --- a/frontend/src/css/draft-review.css +++ b/frontend/src/css/draft-review.css @@ -129,6 +129,10 @@ position: relative; } +.markdown-viewer-render-content tr:nth-child(2n) { + background-color: #fff; +} + .review-comment-btn { position: absolute; top: -1000px; diff --git a/frontend/src/css/initial-style.css b/frontend/src/css/initial-style.css deleted file mode 100644 index 6d47bf5b06..0000000000 --- a/frontend/src/css/initial-style.css +++ /dev/null @@ -1,155 +0,0 @@ - -/**** article ****/ -.article { - padding:40px 60px 40px 60px; - font-size:14px; - line-height:1.6; - color:#333; -} -.article h2, -.article h3, -.article h4, -.article h5, -.article h6 { - margin: 1.2em 0 0.4em; - color:#333; - font-weight:bold; -} -.article h2 { - border-bottom: 1px solid #ccc; - line-height: 1.5; -} -.article h1 + p, .article h2 + p, .article h3 + p, .article h4 + p, .article h5 + p, .article h6 + p, -.article h1 + pre, .article h2 + pre, .article h3 + pre, .article h4 + pre, .article h5 + pre, .article h6 + pre, -.article h1 + ul, .article h2 + ul, .article h3 + ul, .article h4 + ul, .article h5 + ul, .article h6 + ul, -.article h1 + ol, .article h2 + ol, .article h3 + ol, .article h4 + ol, .article h5 + ol, .article h6 + ol { - margin-top: 0; -} -.article p { - margin:0.8em 0; -} -.article ul { - list-style-type:disc; -} -.article ul, -.article ol { - padding-left:2em; - margin:0.5em 0; -} -.article li p:first-child { - margin-top: 0px; - margin-bottom: 0px; -} -.article li.task-list-item p:nth-child(2) { - margin-top: 0px; - margin-bottom: 0px; -} -.article li.task-list-item { - position: relative; - list-style: none; -} -.article li.task-list-item input[type="checkbox"] { - position: absolute; - left: -1.8em; - top: 0.4em; - display: inline-block; -} - -.article input[type="checkbox"] { - width: auto; -} - -.article pre { - font-size:13px; - padding:16px; - background:#f5f7fa; - border-radius:3px; - -moz-border-radius:3px; - -webkit-border-radius:3px; - margin:1em 0; - white-space: pre-wrap; - line-height: 1.45; -} - -.article .code p { - white-space:pre-wrap; - padding:0; - margin:0; - border:none; -} - -.article .html-element.active { - border: 1px solid #eb8205; -} -.article span.html-element { - display:inline-block; - margin-left:1px; - margin-right:1px; - background: #f4f4f4; - border: 1px solid #bbb; - border-radius: 2px; -} -.article div.html-element { - background: #f4f4f4; - border: 1px solid #bbb; - border-radius: 2px; - margin:0.8em 0; -} - -.article a { - font-weight:normal; -} - -.article blockquote { - color: #777; - padding: 0 15px; - border-left: 4px solid #DDD; - margin: 1.2em 0; - font-style: italic; -} - -.article table { - width: 100%; - border-collapse: collapse; - border-left: 1px solid #ddd; - border-top: 1px solid #ddd; - margin: 10px 0; -} -.article tr:nth-child(2n) { - background-color: #F8F8F8; -} -.article th, -.article td { - padding:6px 13px; -} -.article table p { - margin: 0; -} -.article table tr, .article table th { - display: flex; -} - -.article table td, .article table th { - flex: 1; - padding: 10px 10px; - border-width: 0 1px 1px 0; - border-style: solid; - border-color: #ccc; - word-break: break-all; - line-height: 1.5; -} - -.article hr.active { - border-top: 1px solid #eb8205; -} - -.content-container { - background-color: #fafaf9; - border-radius: 10px; -} - -.markdown-viewer-render-content { - margin: 20px 40px; - background-color: #fff; - border: 1px solid #e6e6dd; -} diff --git a/frontend/src/draft-review.js b/frontend/src/draft-review.js index ab7d0d1413..e3e9e231dd 100644 --- a/frontend/src/draft-review.js +++ b/frontend/src/draft-review.js @@ -27,7 +27,6 @@ import './assets/css/fa-solid.css'; import './assets/css/fa-regular.css'; import './assets/css/fontawesome.css'; import './css/layout.css'; -import './css/initial-style.css'; import './css/toolbar.css'; import './css/draft-review.css'; @@ -841,7 +840,7 @@ class DraftReview extends React.Component {