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

101 lines
1.8 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 {
2020-03-03 22:55:17 +08:00
height: 36px;
2019-03-11 20:43:50 +08:00
left: 140px;
position: absolute;
top: 0;
width: 338px;
.select_button {
2020-01-22 00:21:49 +08:00
background-color: $brand-primary;
border-color: $brand-primary;
2019-03-11 20:43:50 +08:00
color: $color-white;
cursor: pointer;
2020-01-22 00:21:49 +08:00
line-height: 18px;
2019-03-11 20:43:50 +08:00
padding: 6px 12px;
position: relative;
text-align: center;
width: 76px;
z-index: 2;
}
input[type=text] {
2020-01-22 00:21:49 +08:00
border: 1px solid $color-concrete;
2019-03-11 20:43:50 +08:00
border-radius: 4px;
height: 30px;
left: -5px;
padding-left: 10px;
position: relative;
width: calc(100% - 100px);
}
2020-03-03 22:55:17 +08:00
&.error {
&::after {
color: $brand-danger;
content: attr(data-error);
left: 0;
position: absolute;
top: 40px;
}
}
2019-03-11 20:43:50 +08:00
}
}
2020-01-28 22:30:57 +08:00
.mce-primary {
background-color: $brand-primary !important;
border-color: $brand-primary !important;
border-radius: $border-radius-default !important;
color: $color-white !important;
}
.mce-primary .mce-txt:hover {
color: $color-white !important;
}
.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;
}