Skip to content
Snippets Groups Projects
Commit 3789fe67 authored by Yannis Barlas's avatar Yannis Barlas
Browse files

Merged in css-fixes (pull request #7)

Css fixes
parents 5a7d92b0 50fd6489
No related branches found
No related tags found
No related merge requests found
...@@ -84,6 +84,10 @@ $white: #fff; ...@@ -84,6 +84,10 @@ $white: #fff;
padding: 0; padding: 0;
position: relative; position: relative;
&:hover {
background: transparent !important;
}
button { button {
float: left; float: left;
position: relative; position: relative;
......
...@@ -160,7 +160,7 @@ $white: #fff; ...@@ -160,7 +160,7 @@ $white: #fff;
&:first-child { &:first-child {
background-color: $white; background-color: $white;
box-shadow: 0 0 8px $dark-gray; box-shadow: 0 0 8px $dark-gray;
margin: 1.5% 15% 7%; margin: 1.5% 14% 7%;
min-height: 100vh; min-height: 100vh;
padding: 3% 4% 1%; padding: 3% 4% 1%;
transition: .3s; transition: .3s;
......
...@@ -70,9 +70,11 @@ class CommentBox extends Component { ...@@ -70,9 +70,11 @@ class CommentBox extends Component {
.on('click', this.reply) .on('click', this.reply)
const inputBox = $$('div') const inputBox = $$('div')
.addClass('sc-new-comment')
.append(textarea, reply, resolve) .append(textarea, reply, resolve)
box.addClass('sc-comment-active') box
.addClass('sc-comment-active')
.append(inputBox) .append(inputBox)
} }
......
...@@ -27,6 +27,10 @@ $white: #fff; ...@@ -27,6 +27,10 @@ $white: #fff;
word-wrap: break-word; word-wrap: break-word;
z-index: 0; z-index: 0;
.sc-new-comment {
margin: 5px 10px 5px 5px;
}
textarea { textarea {
background-color: $gray; background-color: $gray;
border: 1px solid $dark-gray; border: 1px solid $dark-gray;
...@@ -34,11 +38,11 @@ $white: #fff; ...@@ -34,11 +38,11 @@ $white: #fff;
display: block; display: block;
font-family: 'Fira Sans'; font-family: 'Fira Sans';
font-size: 14px; font-size: 14px;
margin: 5px; margin-bottom: 5px;
outline: none; outline: none;
overflow: hidden; overflow: hidden;
resize: none; resize: none;
width: 95%; width: 100%;
} }
.comment-reply { .comment-reply {
...@@ -49,7 +53,8 @@ $white: #fff; ...@@ -49,7 +53,8 @@ $white: #fff;
float: right; float: right;
height: 25px; height: 25px;
margin-bottom: 5px; margin-bottom: 5px;
margin-right: 8px; position: relative;
right: -4px;
text-align: center; text-align: center;
transition: .2s; transition: .2s;
width: 25px; width: 25px;
...@@ -67,7 +72,6 @@ $white: #fff; ...@@ -67,7 +72,6 @@ $white: #fff;
float: right; float: right;
height: 25px; height: 25px;
margin-bottom: 5px; margin-bottom: 5px;
margin-left: 8px;
margin-right: 5px; margin-right: 5px;
text-align: center; text-align: center;
width: 25px; width: 25px;
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment