Fix corner rounding of alignment buttons in editor (#2989)

* Fix corner rounding of alignment buttons in editor

* Fix formatting

* Fix cascading button-rounding issues
This commit is contained in:
Lucas Scharenbroch 2024-02-06 21:11:14 -06:00 committed by GitHub
parent 312d396505
commit 146a3d936e
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 40 additions and 26 deletions

View file

@ -158,6 +158,7 @@ Viktor Ricci <ricci@primateer.de>
Harvey Randall <harveyrandall2001@gmail.com>
Pedro Lameiras <pedrolameiras@tecnico.ulisboa.pt>
Kai Knoblich <kai@FreeBSD.org>
Lucas Scharenbroch <lucasscharenbroch@gmail.com>
********************

View file

@ -127,36 +127,49 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
<Popover slot="floating" --popover-padding-inline="0">
<ButtonToolbar wrap={false}>
<ButtonGroup>
<DynamicallySlottable
slotHost={ButtonGroupItem}
{createProps}
{updatePropsList}
{setSlotHostContext}
{api}
>
<ButtonGroupItem>
<CommandIconButton
key="justifyLeft"
tooltip={tr.editingAlignLeft()}
--border-left-radius="5px"
--border-right-radius="0px"
>
{@html justifyLeftIcon}
</CommandIconButton>
</ButtonGroupItem>
<ButtonGroupItem>
<CommandIconButton
key="justifyCenter"
tooltip={tr.editingCenter()}
>
{@html justifyCenterIcon}
</CommandIconButton>
</ButtonGroupItem>
<ButtonGroupItem>
<CommandIconButton
key="justifyRight"
tooltip={tr.editingAlignRight()}
>
{@html justifyRightIcon}
</CommandIconButton>
</ButtonGroupItem>
<ButtonGroupItem>
<CommandIconButton
key="justifyFull"
tooltip={tr.editingJustify()}
--border-right-radius="5px"
>
{@html justifyFullIcon}
</CommandIconButton>
</ButtonGroupItem>
</DynamicallySlottable>
</ButtonGroup>
<ButtonGroup>