diff --git a/app/components/SimpleEditor/SimpleEditor.scss b/app/components/SimpleEditor/SimpleEditor.scss index 232bebbdcaa1bfccbc9a61c8c353adc532b7abcd..83739089798e142e5fece770a08dea43bec5eab6 100644 --- a/app/components/SimpleEditor/SimpleEditor.scss +++ b/app/components/SimpleEditor/SimpleEditor.scss @@ -8,18 +8,16 @@ $fa-font-path: '~font-awesome/fonts'; @import './notesEditor/notesEditor'; // grays -$border: #ccc; -$dark-gray: #999; $light-gray: #ddd; -$primary: #eee; $ultra-light-gray: #fafafa; $black: #000; $shadow: rgba(0, 0, 0, .05); -$teal: #46b9ba; + $toolbar-active-bg: rgba(204, 204, 204, .75); $transparent-black: rgba(0, 0, 0, .75); $white: #fff; + // track changes $inactive-grey: #404040; $active-blue: #4990e2; @@ -199,7 +197,6 @@ $scrollbar-track: rgba(0, 0, 0, .3); .sidenav { background-color: #e8e8e8; - // box-shadow: 0 0 12px $dark-gray; box-shadow: 2px 0px 1px -1px #ccc; height: 50%; left: 2%; @@ -295,11 +292,4 @@ $scrollbar-track: rgba(0, 0, 0, .3); border-left: 1px solid $light-gray; box-shadow: inset 0 0 10px $shadow; } - - .sc-comments-pane { - display: flex; - flex-direction: column; - flex-wrap: wrap; - margin-left: 4%; - } } diff --git a/app/components/SimpleEditor/elements/comment/comment.scss b/app/components/SimpleEditor/elements/comment/comment.scss index a588093cd58da680c6ccbaed50ab26844c285791..e1292ca3c5a08e759c9de19e775932c5892cfe57 100644 --- a/app/components/SimpleEditor/elements/comment/comment.scss +++ b/app/components/SimpleEditor/elements/comment/comment.scss @@ -8,13 +8,21 @@ $light-red: #fcc; $red: #d0011b; $white: #fff; -.sc-comment { - border-bottom: 2px solid $red; - border-radius: 3px 3px 0 0; -} +.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-active { - background-color: $light-red; + .sc-comment-active { + background-color: $light-red; + } } .sc-overlay { @@ -52,4 +60,4 @@ $white: #fff; right: 10px; } } -} + } diff --git a/app/components/SimpleEditor/panes/Comments/commentsPane.scss b/app/components/SimpleEditor/panes/Comments/commentsPane.scss index 559189c79f5b7e8784c1cea745852d190e064664..42e1716ee78f8c47b418ee60f35ca112b13ae535 100644 --- a/app/components/SimpleEditor/panes/Comments/commentsPane.scss +++ b/app/components/SimpleEditor/panes/Comments/commentsPane.scss @@ -9,12 +9,10 @@ $white: #fff; .sc-prose-editor .se-content .sc-comment-pane-list { margin-top: 0; - padding-left: 5%; width: 100%; li { background-color: $white; - border: 1px solid $dark-gray; border-bottom: 0; border-radius: 3px; cursor: pointer;