feat: custom selection menu style

This commit is contained in:
Lucas.Xu 2022-10-26 10:52:30 +08:00
parent 23a65bfa2a
commit fac76ac5b8
3 changed files with 7 additions and 5 deletions
frontend/app_flowy
lib/plugins/doc/presentation/plugins
packages/appflowy_editor/lib/src/render

View File

@ -38,9 +38,11 @@ ShortcutEventHandler _insertHorzaontalRule = (editorState, event) {
SelectionMenuItem horizontalRuleMenuItem = SelectionMenuItem(
name: () => 'Horizontal rule',
icon: const Icon(
icon: (editorState, onSelected) => Icon(
Icons.horizontal_rule,
color: Colors.black,
color: onSelected
? editorState.editorStyle.selectionMenuItemSelectedIconColor
: editorState.editorStyle.selectionMenuItemIconColor,
size: 18.0,
),
keywords: ['horizontal rule'],

View File

@ -50,7 +50,7 @@ class _SelectionMenuItemWidgetState extends State<SelectionMenuItemWidget> {
widget.item.name(),
textAlign: TextAlign.left,
style: TextStyle(
color: widget.isSelected || _onHover
color: (widget.isSelected || _onHover)
? editorStyle.selectionMenuItemSelectedTextColor
: editorStyle.selectionMenuItemTextColor,
fontSize: 12.0,

View File

@ -93,9 +93,9 @@ class EditorStyle extends ThemeExtension<EditorStyle> {
selectionMenuItemIconColor:
selectionMenuItemIconColor ?? this.selectionMenuItemIconColor,
selectionMenuItemSelectedTextColor: selectionMenuItemSelectedTextColor ??
selectionMenuItemSelectedTextColor,
this.selectionMenuItemSelectedTextColor,
selectionMenuItemSelectedIconColor: selectionMenuItemSelectedIconColor ??
selectionMenuItemSelectedIconColor,
this.selectionMenuItemSelectedIconColor,
selectionMenuItemSelectedColor:
selectionMenuItemSelectedColor ?? this.selectionMenuItemSelectedColor,
textPadding: textPadding ?? textPadding,