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); this.__dbdTrgCustom = debounce(() => this.__trgCustom(), 0);
if (!hasWin()) return this; if (!hasWin()) return this;
const toolbar = createEl('div', { 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.toolbar = toolbar;
this.initRte(createEl('div')); this.initRte(createEl('div'));

7
src/styles/scss/_gjs_rte.scss

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

Loading…
Cancel
Save