amis/scss/components/form/_rich-text.scss
2020-04-15 16:09:31 +08:00

113 lines
2.4 KiB
SCSS

// todo
.fr-popup {
z-index: $zindex-popover !important;
}
.#{$ns}RichTextControl {
> .tox-tinymce {
border: 0;
}
min-height: px2rem(200px);
height: auto;
border: $Form-input-borderWidth solid $Form-input-borderColor;
width: 100%;
.fr-toolbar.fr-top {
box-shadow: none;
border: 0;
position: relative;
}
.fr-box.fr-basic.fr-top:not(.fr-fullscreen) .fr-wrapper {
min-height: 150px;
max-height: 400px;
box-shadow: none;
overflow: auto;
border-top: 1px solid $Form-input-borderColor;
}
.fr-toolbar .fr-command.fr-btn,
.fr-popup .fr-command.fr-btn {
color: $Button--default-color;
}
.fr-toolbar .fr-command.fr-btn.fr-active,
.fr-popup .fr-command.fr-btn.fr-active {
color: $info;
background-color: $Form-select-onHover-bg;
}
.fr-desktop .fr-command:hover,
.fr-desktop .fr-command:focus {
background-color: $Form-select-onHover-bg;
}
.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active,
.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active {
background-color: $Form-select-onHover-bg;
}
.fr-command.fr-btn
+ .fr-dropdown-menu
.fr-dropdown-wrapper
.fr-dropdown-content
ul.fr-dropdown-list
li
a.fr-active {
background-color: $info;
color: #fff;
}
&.is-focused {
border: $Form-input-borderWidth solid $Form-input-onFocused-borderColor;
.fr-box.fr-basic.fr-top .fr-wrapper {
border-top: $Form-input-borderWidth solid
$Form-input-onFocused-borderColor;
}
}
.fr-box.fr-basic .fr-element {
min-height: 150px;
}
.fr-sticky-dummy {
position: absolute;
}
&.is-disabled {
border-color: $Form-input-onDisabled-borderColor;
pointer-events: none;
opacity: 0.6;
.fr-box.fr-basic.fr-top .fr-wrapper {
border-color: $Form-input-onDisabled-borderColor;
}
}
// &.amis-rich-text-control-md {
// .fr-box.fr-basic .fr-element,
// .fr-box.fr-basic.fr-top .fr-wrapper {
// min-height: 250px;
// }
// }
// &.amis-rich-text-control-lg {
// .fr-box.fr-basic .fr-element,
// .fr-box.fr-basic.fr-top .fr-wrapper {
// min-height: 300px;
// }
// }
}
// @media (min-width: 768px) {
// .amis-rich-text-control.form-contorl-inline,
// .form-group-inline .amis-rich-text-control {
// display: inline-block;
// width: 280px;
// }
// }