diff --git a/src/components/Article/Article.js b/src/components/Article/Article.js index 602237b..c330d36 100644 --- a/src/components/Article/Article.js +++ b/src/components/Article/Article.js @@ -110,7 +110,6 @@ const Article = ({
-

Комментарии

{readyComments ? ( div.gt-header-comment > div.gt-header-controls > a > span > span.gt-svg { + display: none; + } + & .gt-container { + & .gt-comment-content { + transition: none; + &:hover { + box-shadow: none; + } + } + & .gt-header-textarea { + transition: none; + } + } } } } @@ -128,6 +142,47 @@ & .article-more { color: $white-clr; } + & .article-comments { + & .gt-container { + color: $white-clr; + & .gt-header-textarea { + background-color: #2A2A2A; + color: $white-clr; + } + & .gt-comments { + & .markdown-body pre { + background: none; + color: #fff; + } + } + & .gt-meta { + border-bottom: 1px solid rgba(153, 153, 153, 0.2) + } + & .gt-comment-content { + background-color: #2A2A2A; + } + & .gt-comment-content:hover { + box-shadow: none; + } + & .gt-btn-preview { + background-color: #2A2A2A; + color: #ffffff; + border: 1px solid rgba(153, 153, 153, 0.2); + &:hover { + background-color: #414141; + } + } + & .gt-header-preview { + background-color: #2A2A2A; + & p, a, h1, h2 ,h3, h4, h5, h6 { + color: $white-clr; + } + } + & .gt-svg svg { + fill: $white-clr !important; + } + } + } & p, h1, h2, h3, h4, h5, h6, ul, ol { color: $white-clr; } diff --git a/src/components/Snippet/Snippet.js b/src/components/Snippet/Snippet.js index c059b46..deb0e49 100644 --- a/src/components/Snippet/Snippet.js +++ b/src/components/Snippet/Snippet.js @@ -31,7 +31,6 @@ const Snippet = ({ data: { description, title, date }, html }) => {
-

Комментарии

{readyComments ? (