github/hedgedoc
1
0
Fork 0
mirror of https://github.com/hedgedoc/hedgedoc.git synced 2024-11-25 19:26:31 -05:00
Code Issues Projects Releases Packages Wiki Activity

fix(editor): remove toolbar separators and fix margin

Browse source 
Signed-off-by: Erik Michelson <github@erik.michelson.eu>
This commit is contained in:
Erik Michelson 2023-10-08 13:23:57 +02:00 committed by Tilman Vatteroth
parent e53ad15bfe
commit 7758cd588c
2 changed files with 3 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
frontend/src/components/editor-page/editor-pane/tool-bar/tool-bar.module.scss
View file

@ -1,5 +1,5 @@
/* /*!
* SPDX-FileCopyrightText: 2021 The HedgeDoc developers (see AUTHORS file) * SPDX-FileCopyrightText: 2023 The HedgeDoc developers (see AUTHORS file)
* *
* SPDX-License-Identifier: AGPL-3.0-only * SPDX-License-Identifier: AGPL-3.0-only
*/ */
@ -9,12 +9,4 @@
padding: 0.1875rem 0.5rem; padding: 0.1875rem 0.5rem;
min-width: 30px; min-width: 30px;
} }
:global(.btn-group):not(:last-of-type)::after {
background-color: #e2e6ea;
width: 2px;
padding: 0.25rem 0;
content: ' ';
margin-left: 0.5rem;
}
} }

2
frontend/src/components/editor-page/editor-pane/tool-bar/tool-bar.tsx
View file

@ -40,7 +40,7 @@ export const ToolBar: React.FC = () => {
return ( return (
<ShowIf condition={mayEdit}> <ShowIf condition={mayEdit}>
<ButtonToolbar className={concatCssClasses(styles.toolbar, 'mb-2')}> <ButtonToolbar className={concatCssClasses(styles.toolbar, 'my-1')}>
<ButtonGroup className={'mx-1 flex-wrap'}> <ButtonGroup className={'mx-1 flex-wrap'}>
<BoldButton /> <BoldButton />
<ItalicButton /> <ItalicButton />