.best_in_place, .form_in_place {
input, textarea { color: black !important; } input:not([type=button]):not([type=reset]):not([type=submit]), textarea { width: 100%; }
}
.inplace_editor_edit_icon {
@extend .fa; @extend .fa-pencil-square-o; position: absolute; right: -25px; top: 0px; background-color: rgba(255,255,255, 0.8); color: black; text-align: right; padding: 2px 4px; padding-left: 5px; width: 25px; font-size: 18px; &:hover { cursor: pointer; }
}
.inplace_editor_text {
display: inline-block;
}
.inplace_editor_string, .inplace_editor_text, .inplace_editor_element {
position: relative; z-index: 5; min-width: 35px; display: inline-block; &:before { @extend .inplace_editor_edit_icon; z-index: 6; } form { position: relative; z-index: 7; }
}
.inplace_editor_image {
.image-container { position: relative; z-index: 5; &:before { @extend .inplace_editor_edit_icon; right: 0px; z-index: 7; } img { position: relative; z-index: 6; } }
}
.inplace_editor_image_bg {
position: relative; z-index: 5; .editor-container { a.edit-image { @extend .inplace_editor_edit_icon; right: 0px; z-index: 7; } }
}