From a35c5cf93c856ca14feaa03e3a50c4611721df8f Mon Sep 17 00:00:00 2001 From: Sobhan Moradi Date: Tue, 19 Dec 2023 11:33:19 +0100 Subject: [PATCH] Add conditional rendering for toolbar header style options (#1613) The toolbar header style now has two possible displays. If the 'headerStyleType' configuration is set to 'isOriginal', the toolbar will exhibit 'QuillToolbarSelectHeaderStyleButtons'. Otherwise, it will show a dropdown menu 'QuillToolbarSelectHeaderStyleDropdownButton'. This adds flexibility to the UI of the toolbar. Co-authored-by: Sobhan Moradi --- lib/src/widgets/toolbar/simple_toolbar.dart | 20 ++++++++++++++------ 1 file changed, 14 insertions(+), 6 deletions(-) diff --git a/lib/src/widgets/toolbar/simple_toolbar.dart b/lib/src/widgets/toolbar/simple_toolbar.dart index 7ae05372..5d93b666 100644 --- a/lib/src/widgets/toolbar/simple_toolbar.dart +++ b/lib/src/widgets/toolbar/simple_toolbar.dart @@ -195,12 +195,20 @@ class QuillSimpleToolbar extends StatelessWidget color: configurations.sectionDividerColor, space: configurations.sectionDividerSpace, ), - if (configurations.showHeaderStyle) - QuillToolbarSelectHeaderStyleDropdownButton( - controller: globalController, - options: toolbarConfigurations - .buttonOptions.selectHeaderStyleDropdownButton, - ), + if (configurations.showHeaderStyle) ...[ + if (configurations.headerStyleType.isOriginal) + QuillToolbarSelectHeaderStyleButtons( + controller: globalController, + options: + toolbarConfigurations.buttonOptions.selectHeaderStyleButtons, + ) + else + QuillToolbarSelectHeaderStyleDropdownButton( + controller: globalController, + options: toolbarConfigurations + .buttonOptions.selectHeaderStyleDropdownButton, + ), + ], if (configurations.showDividers && configurations.showHeaderStyle && isButtonGroupShown[2] &&