From eac2a7b23e12c70e3c2d95a892eaa07ee5602b4a Mon Sep 17 00:00:00 2001 From: Tilman Vatteroth <git@tilmanvatteroth.de> Date: Tue, 21 Feb 2023 10:57:01 +0100 Subject: [PATCH] fix(frontend): use "action" prop in revisions list Signed-off-by: Tilman Vatteroth <git@tilmanvatteroth.de> --- frontend/global-styles/variables.dark.scss | 1 + .../document-bar/revisions/revision-list-entry.module.scss | 2 -- .../editor-page/document-bar/revisions/revision-list-entry.tsx | 3 ++- 3 files changed, 3 insertions(+), 3 deletions(-) diff --git a/frontend/global-styles/variables.dark.scss b/frontend/global-styles/variables.dark.scss index f57bd7417..0a6f74899 100644 --- a/frontend/global-styles/variables.dark.scss +++ b/frontend/global-styles/variables.dark.scss @@ -114,6 +114,7 @@ $progress-bg: $gray-700; $list-group-bg: $gray-800; $list-group-border-color: $gray-700; $list-group-hover-bg: $gray-700; +$list-group-action-hover-color: $white; // Breadcrumbs $breadcrumb-bg: $gray-700; diff --git a/frontend/src/components/editor-page/document-bar/revisions/revision-list-entry.module.scss b/frontend/src/components/editor-page/document-bar/revisions/revision-list-entry.module.scss index 4cf95266c..2a3447038 100644 --- a/frontend/src/components/editor-page/document-bar/revisions/revision-list-entry.module.scss +++ b/frontend/src/components/editor-page/document-bar/revisions/revision-list-entry.module.scss @@ -5,8 +5,6 @@ */ .revision-item { - cursor: pointer; - span > img { height: 1.25rem; } diff --git a/frontend/src/components/editor-page/document-bar/revisions/revision-list-entry.tsx b/frontend/src/components/editor-page/document-bar/revisions/revision-list-entry.tsx index ea752c418..b3d7f8878 100644 --- a/frontend/src/components/editor-page/document-bar/revisions/revision-list-entry.tsx +++ b/frontend/src/components/editor-page/document-bar/revisions/revision-list-entry.tsx @@ -54,7 +54,8 @@ export const RevisionListEntry: React.FC<RevisionListEntryProps> = ({ active, on <ListGroup.Item active={active} onClick={onSelect} - className={`user-select-none ${styles['revision-item']} d-flex flex-column`}> + action + className={`${styles['revision-item']} d-flex flex-column`}> <span> <ForkAwesomeIcon icon={'clock-o'} className='mx-2' /> {revisionCreationTime}