diff --git a/app/components/SimpleEditor/elements/comment/comment.scss b/app/components/SimpleEditor/elements/comment/comment.scss index e1292ca3c5a08e759c9de19e775932c5892cfe57..009be0c05d9cb9bc033ba3f452c3f99a7f1c77b0 100644 --- a/app/components/SimpleEditor/elements/comment/comment.scss +++ b/app/components/SimpleEditor/elements/comment/comment.scss @@ -8,23 +8,16 @@ $light-red: #fcc; $red: #d0011b; $white: #fff; -.sc-comments-pane { - display: flex; - flex-direction: column; - flex-wrap: wrap; - margin-left: 4%; - - - .sc-comment { - border-bottom: 2px solid $red; - border-radius: 3px 3px 0 0; - } +.sc-comment { + border-bottom: 2px solid $red; + border-radius: 3px 3px 0 0; +} - .sc-comment-active { - background-color: $light-red; - } +.sc-comment-active { + background-color: $light-red; } + .sc-overlay { .se-active-tools { .sc-overlay-bubble { diff --git a/app/components/SimpleEditor/panes/Comments/commentsPane.scss b/app/components/SimpleEditor/panes/Comments/commentsPane.scss index 42e1716ee78f8c47b418ee60f35ca112b13ae535..3a0ea601d5e588a60301a398220dbe703362233f 100644 --- a/app/components/SimpleEditor/panes/Comments/commentsPane.scss +++ b/app/components/SimpleEditor/panes/Comments/commentsPane.scss @@ -7,7 +7,11 @@ $green: #228b46; $teal: #3e644b; $white: #fff; -.sc-prose-editor .se-content .sc-comment-pane-list { +.sc-comment-pane-list { + display: flex; + flex-direction: column; + flex-wrap: wrap; + margin-left: 4%; margin-top: 0; width: 100%; @@ -146,20 +150,4 @@ $white: #fff; } } } - - .commnets-bubble { - bottom: 0; - color: $white; - font-size: 19px; - left: 208px; - position: absolute; - top: -21.4px; - } - - // .animation { - // // -webkit-transition: all .2s ease-in-out; - // // -moz-transition: all .2s ease-in-out; - // transition: all .5s ease-in-out; - // // -o-transition: all .2s ease-in-out; - // } }