scinote-web/app/assets/stylesheets/hooks/tinymce.scss

80 lines
1.4 KiB
SCSS
Raw Normal View History

2019-03-11 20:43:50 +08:00
@import "constants";
@import "mixins";
.mce-image-loader {
display: none !important;
+ .image-selection-container {
height: 28px;
left: 140px;
position: absolute;
top: 0;
width: 338px;
.select_button {
background-color: $brand-success;
border-color: $brand-success;
color: $color-white;
cursor: pointer;
line-height: 20px;
padding: 6px 12px;
position: relative;
text-align: center;
width: 76px;
z-index: 2;
}
input[type=text] {
border: 1px solid $color-gainsboro;
border-radius: 4px;
height: 30px;
left: -5px;
padding-left: 10px;
position: relative;
width: calc(100% - 100px);
}
}
}
.ql-editor {
font-size: 16px;
}
.mce-top-part {
z-index: 5;
}
.mce-widget.mce-btn {
border-color: $color-white !important;
&:not(.mce-active):hover,
&:not(.mce-active):active {
span,
i {
color: $brand-primary;
}
}
&.mce-active,
&.mce-active:hover,
&.mce-active:active,
&.mce-active:focus {
background-color: $brand-primary;
span,
i {
color: $color-white;
}
}
}
// Caret symbol has unneeded border-left
.mce-splitbtn:hover .mce-open {
border-left: $color-white !important;
}
// Selected item list should be $brand-primary
.mce-menu-item.mce-active.mce-menu-item-normal {
background-color: $brand-primary !important;
}