dh-c
Version:
The front-end development engineers jimberton gulp react component
63 lines (58 loc) • 1.5 kB
CSS
.dh-tinymce {
width: 100%;
height: 100%;
background-color: #fff;
min-height: 160px;
padding: 8px;
display: flex;
flex-direction: column; }
.dh-tinymce-btns {
height: 38px;
font-size: 20px;
line-height: 38px;
color: #999999; }
.dh-tinymce-ctr {
cursor: pointer; }
.dh-tinymce-btns-barLine {
border-bottom: 1px solid #ddd; }
.dh-tinymce-edit {
flex: 1;
overflow: auto; }
.dh-tinymce-footer {
height: 36px;
text-align: right;
line-height: 36px; }
.dh-tinymce-footer span {
display: inline-block;
width: 64px;
text-align: center;
color: #999999; }
.dh-tinymce-footer span.not-allowed {
cursor: not-allowed; }
.dh-tinymce-footer span.not-allowed:hover {
color: #999;
background: transparent;
cursor: not-allowed; }
.dh-tinymce-footer span:hover {
color: #23c132;
background: rgba(35, 193, 50, 0.1);
cursor: pointer; }
.dh-tinymce .dh-upload {
outline: none; }
.dh-tinymce .dh-upload input {
outline: none;
border: none;
background: none; }
.DraftEditor-root {
position: relative; }
.public-DraftEditorPlaceholder-root {
color: #9197a3;
position: absolute;
z-index: 0; }
.public-DraftEditorPlaceholder-hasFocus {
color: #bdcec9; }
.DraftEditor-editorContainer {
background-color: rgba(255, 255, 255, 0);
border-left: .1px solid transparent;
position: relative;
z-index: 1; }