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

fix: height and width of history table button

Browse source 
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
Show stats Download patch file Download diff file Expand all files Collapse all files

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

4
frontend/src/components/history-page/history-table/history-table-row.tsx
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,6 +57,7 @@ export const HistoryTableRow: React.FC<HistoryEntryProps & HistoryEventHandlers>
))} ))}
</td> </td>
<td> <td>
<div className={'d-flex align-items-start justify-content-center'}>
<PinButton isDark={true} isPinned={entry.pinStatus} onPinClick={onPinEntry} className={'mb-1 me-1'} /> <PinButton isDark={true} isPinned={entry.pinStatus} onPinClick={onPinEntry} className={'mb-1 me-1'} />
<EntryMenu <EntryMenu
id={entry.identifier} id={entry.identifier}
@ -65,6 +66,7 @@ export const HistoryTableRow: React.FC<HistoryEntryProps & HistoryEventHandlers>
onRemoveFromHistory={onEntryRemove} onRemoveFromHistory={onEntryRemove}
onDeleteNote={onDeleteNote} onDeleteNote={onDeleteNote}
/> />
</div>
</td> </td>
</tr> </tr>
) )

6
frontend/src/components/history-page/pin-button/pin-button.module.scss
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;