From 5c5d52272e83877cf1facd9f4d27cc29783c1d40 Mon Sep 17 00:00:00 2001
From: chris <kokosias@yahoo.gr>
Date: Sat, 10 Dec 2016 15:09:00 +0200
Subject: [PATCH] fix broken elements
---
.../BookBuilder/styles/bookBuilder.local.scss | 4 +++-
app/components/SimpleEditor/SimpleEditor.scss | 2 +-
.../SimpleEditor/panes/Comments/CommentBox.js | 2 +-
.../SimpleEditor/panes/Comments/commentsPane.scss | 14 ++++++++------
4 files changed, 13 insertions(+), 9 deletions(-)
diff --git a/app/components/BookBuilder/styles/bookBuilder.local.scss b/app/components/BookBuilder/styles/bookBuilder.local.scss
index 9a4dc44..664ce9a 100644
--- a/app/components/BookBuilder/styles/bookBuilder.local.scss
+++ b/app/components/BookBuilder/styles/bookBuilder.local.scss
@@ -83,7 +83,9 @@ $white: #fff;
font-weight: 500;
padding: 0;
position: relative;
-
+ &:hover {
+ background: transparent!important;
+ }
button {
float: left;
position: relative;
diff --git a/app/components/SimpleEditor/SimpleEditor.scss b/app/components/SimpleEditor/SimpleEditor.scss
index f238082..dc46e4f 100644
--- a/app/components/SimpleEditor/SimpleEditor.scss
+++ b/app/components/SimpleEditor/SimpleEditor.scss
@@ -160,7 +160,7 @@ $white: #fff;
&:first-child {
background-color: $white;
box-shadow: 0 0 8px $dark-gray;
- margin: 1.5% 15% 7%;
+ margin: 1.5% 14% 7%;
min-height: 100vh;
padding: 3% 4% 1%;
transition: .3s;
diff --git a/app/components/SimpleEditor/panes/Comments/CommentBox.js b/app/components/SimpleEditor/panes/Comments/CommentBox.js
index 437d90b..283a309 100644
--- a/app/components/SimpleEditor/panes/Comments/CommentBox.js
+++ b/app/components/SimpleEditor/panes/Comments/CommentBox.js
@@ -69,7 +69,7 @@ class CommentBox extends Component {
.ref('commentReplyButton')
.on('click', this.reply)
- const inputBox = $$('div')
+ const inputBox = $$('div').addClass('sc-new-comment')
.append(textarea, reply, resolve)
box.addClass('sc-comment-active')
diff --git a/app/components/SimpleEditor/panes/Comments/commentsPane.scss b/app/components/SimpleEditor/panes/Comments/commentsPane.scss
index 8dd780a..e374ef6 100644
--- a/app/components/SimpleEditor/panes/Comments/commentsPane.scss
+++ b/app/components/SimpleEditor/panes/Comments/commentsPane.scss
@@ -26,7 +26,9 @@ $white: #fff;
position: absolute;
word-wrap: break-word;
z-index: 0;
-
+ .sc-new-comment {
+ margin: 5px 10px 5px 5px;
+ }
textarea {
background-color: $gray;
border: 1px solid $dark-gray;
@@ -34,11 +36,11 @@ $white: #fff;
display: block;
font-family: 'Fira Sans';
font-size: 14px;
- margin: 5px;
+ margin-bottom: 5px;
outline: none;
overflow: hidden;
resize: none;
- width: 95%;
+ width: 100%;
}
.comment-reply {
@@ -46,13 +48,14 @@ $white: #fff;
border: 0;
border-radius: 50%;
color: $white;
- float: right;
height: 25px;
margin-bottom: 5px;
- margin-right: 8px;
+ float: right;
text-align: center;
transition: .2s;
width: 25px;
+ position: relative;
+ right: -4px;
&:disabled {
background-color: $shadow-gray;
@@ -67,7 +70,6 @@ $white: #fff;
float: right;
height: 25px;
margin-bottom: 5px;
- margin-left: 8px;
margin-right: 5px;
text-align: center;
width: 25px;
--
GitLab