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> Harvey Randall <harveyrandall2001@gmail.com>
Pedro Lameiras <pedrolameiras@tecnico.ulisboa.pt> Pedro Lameiras <pedrolameiras@tecnico.ulisboa.pt>
Kai Knoblich <kai@FreeBSD.org> 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"> <Popover slot="floating" --popover-padding-inline="0">
<ButtonToolbar wrap={false}> <ButtonToolbar wrap={false}>
<ButtonGroup> <ButtonGroup>
<DynamicallySlottable
slotHost={ButtonGroupItem}
{createProps}
{updatePropsList}
{setSlotHostContext}
{api}
>
<ButtonGroupItem>
<CommandIconButton <CommandIconButton
key="justifyLeft" key="justifyLeft"
tooltip={tr.editingAlignLeft()} tooltip={tr.editingAlignLeft()}
--border-left-radius="5px"
--border-right-radius="0px"
> >
{@html justifyLeftIcon} {@html justifyLeftIcon}
</CommandIconButton> </CommandIconButton>
</ButtonGroupItem>
<ButtonGroupItem>
<CommandIconButton <CommandIconButton
key="justifyCenter" key="justifyCenter"
tooltip={tr.editingCenter()} tooltip={tr.editingCenter()}
> >
{@html justifyCenterIcon} {@html justifyCenterIcon}
</CommandIconButton> </CommandIconButton>
</ButtonGroupItem>
<ButtonGroupItem>
<CommandIconButton <CommandIconButton
key="justifyRight" key="justifyRight"
tooltip={tr.editingAlignRight()} tooltip={tr.editingAlignRight()}
> >
{@html justifyRightIcon} {@html justifyRightIcon}
</CommandIconButton> </CommandIconButton>
</ButtonGroupItem>
<ButtonGroupItem>
<CommandIconButton <CommandIconButton
key="justifyFull" key="justifyFull"
tooltip={tr.editingJustify()} tooltip={tr.editingJustify()}
--border-right-radius="5px"
> >
{@html justifyFullIcon} {@html justifyFullIcon}
</CommandIconButton> </CommandIconButton>
</ButtonGroupItem>
</DynamicallySlottable>
</ButtonGroup> </ButtonGroup>
<ButtonGroup> <ButtonGroup>