Browse Source

Up rte toolbar styles

pull/5649/head
Artur Arseniev 3 years ago
parent
commit
cea519c5ba
  1. 2
      dist/css/grapes.min.css
  2. 2
      src/rich_text_editor/index.ts
  3. 7
      src/styles/scss/_gjs_rte.scss

2
dist/css/grapes.min.css

File diff suppressed because one or more lines are too long

2
src/rich_text_editor/index.ts

@ -130,7 +130,7 @@ export default class RichTextEditorModule extends Module<RichTextEditorConfig &
this.__dbdTrgCustom = debounce(() => this.__trgCustom(), 0);
if (!hasWin()) return this;
const toolbar = createEl('div', {
class: cx(`${ppfx}rte-toolbar`, !isCustom && `${ppfx}one-bg`),
class: cx(`${ppfx}rte-toolbar`, !isCustom && `${ppfx}one-bg ${ppfx}rte-toolbar-ui`),
});
this.toolbar = toolbar;
this.initRte(createEl('div'));

7
src/styles/scss/_gjs_rte.scss

@ -2,12 +2,15 @@
&toolbar {
@extend .#{$app-prefix}no-user-select;
border: 1px solid $mainDkColor;
position: absolute;
border-radius: 3px;
z-index: 10;
}
&toolbar-ui {
border: 1px solid $mainDkColor;
border-radius: 3px;
}
&actionbar {
display: flex;
}

Loading…
Cancel
Save