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 * SPDX-License-Identifier: AGPL-3.0-only
*/ */
@ -8,4 +8,6 @@
&:global(.btn) { &:global(.btn) {
padding: 0.6rem 0.65rem; 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 * SPDX-License-Identifier: AGPL-3.0-only
*/ */
@ -57,14 +57,16 @@ export const HistoryTableRow: React.FC<HistoryEntryProps & HistoryEventHandlers>
))} ))}
</td> </td>
<td> <td>
<PinButton isDark={true} isPinned={entry.pinStatus} onPinClick={onPinEntry} className={'mb-1 me-1'} /> <div className={'d-flex align-items-start justify-content-center'}>
<EntryMenu <PinButton isDark={true} isPinned={entry.pinStatus} onPinClick={onPinEntry} className={'mb-1 me-1'} />
id={entry.identifier} <EntryMenu
title={entryTitle} id={entry.identifier}
origin={entry.origin} title={entryTitle}
onRemoveFromHistory={onEntryRemove} origin={entry.origin}
onDeleteNote={onDeleteNote} onRemoveFromHistory={onEntryRemove}
/> onDeleteNote={onDeleteNote}
/>
</div>
</td> </td>
</tr> </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 * SPDX-License-Identifier: AGPL-3.0-only
*/ */
.history-pin { .history-pin {
height: 2.5rem;
width: 2.5rem;
svg { svg {
opacity: 0.5; opacity: 0.5;
transition: opacity 0.2s ease-in-out, color 0.2s ease-in-out; transition: opacity 0.2s ease-in-out, color 0.2s ease-in-out;