give contenteditable a gray backdrop

instead of the green border
This commit is contained in:
Felix Niklas 2014-10-07 14:40:21 +02:00
parent 74c0d2cae7
commit a80835abb2

View file

@ -111,22 +111,20 @@ small {
} }
[contenteditable] { [contenteditable] {
margin: -1px;
display: block; display: block;
white-space: pre-wrap; white-space: pre-wrap;
outline-style: none; outline-style: none;
border: 1px solid transparent;
border-radius: 3px; border-radius: 3px;
} }
[contenteditable]:hover, [contenteditable]:hover,
[contenteditable]:focus { [contenteditable]:focus {
border-color: hsl(145,51%,45%); background: #f8f9fa;
} }
[contenteditable]:focus { [contenteditable]:focus {
text-overflow: clip !important; text-overflow: clip !important;
} }
[contenteditable].invalid { [contenteditable].invalid {
border-color: #F92; background: #F92;
} }
[contenteditable] > .placeholder { [contenteditable] > .placeholder {
color: #999; color: #999;
@ -483,7 +481,7 @@ textarea,
.richtext.form-control [contenteditable] { .richtext.form-control [contenteditable] {
height: auto; height: auto;
min-height: 82px; min-height: 82px;
border: none; background: none;
margin-bottom: 28px; margin-bottom: 28px;
} }