fix: height and width of history table button

Signed-off-by: Philip Molares <philip.molares@udo.edu>
This commit is contained in:
Philip Molares 2023-10-07 11:10:24 +02:00
parent 585e1989e1
commit c4dade2fc5
3 changed files with 19 additions and 13 deletions

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
*/
@ -8,4 +8,6 @@
&:global(.btn) {
padding: 0.6rem 0.65rem;
}
height: 2.5rem;
width: 2.5rem;
}

View file

@ -1,5 +1,5 @@
/*
* SPDX-FileCopyrightText: 2022 The HedgeDoc developers (see AUTHORS file)
* SPDX-FileCopyrightText: 2023 The HedgeDoc developers (see AUTHORS file)
*
* SPDX-License-Identifier: AGPL-3.0-only
*/
@ -57,14 +57,16 @@ export const HistoryTableRow: React.FC<HistoryEntryProps & HistoryEventHandlers>
))}
</td>
<td>
<PinButton isDark={true} isPinned={entry.pinStatus} onPinClick={onPinEntry} className={'mb-1 me-1'} />
<EntryMenu
id={entry.identifier}
title={entryTitle}
origin={entry.origin}
onRemoveFromHistory={onEntryRemove}
onDeleteNote={onDeleteNote}
/>
<div className={'d-flex align-items-start justify-content-center'}>
<PinButton isDark={true} isPinned={entry.pinStatus} onPinClick={onPinEntry} className={'mb-1 me-1'} />
<EntryMenu
id={entry.identifier}
title={entryTitle}
origin={entry.origin}
onRemoveFromHistory={onEntryRemove}
onDeleteNote={onDeleteNote}
/>
</div>
</td>
</tr>
)

View file

@ -1,10 +1,12 @@
/*
* 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
*/
.history-pin {
height: 2.5rem;
width: 2.5rem;
svg {
opacity: 0.5;
transition: opacity 0.2s ease-in-out, color 0.2s ease-in-out;