diff --git a/src/public/app/layouts/desktop_main_window_layout.js b/src/public/app/layouts/desktop_main_window_layout.js index 60c1d82ef..187448eaa 100644 --- a/src/public/app/layouts/desktop_main_window_layout.js +++ b/src/public/app/layouts/desktop_main_window_layout.js @@ -62,14 +62,19 @@ const RIGHT_PANE_CSS = ` } #right-pane .widget-header-action { - color: var(--link-color) !important; cursor: pointer; + color: var(--main-text-color) !important; + text-decoration: none; + font-size: large; + position: relative; + top: 2px; } #right-pane .widget-help { color: var(--muted-text-color); position: relative; top: 2px; + font-size: large; } #right-pane .widget-help.no-link:hover { @@ -82,6 +87,7 @@ const RIGHT_PANE_CSS = ` color: var(--main-text-color) !important; position: relative; top: 2px; + font-size: large; } #right-pane .widget-toggle-button:hover { diff --git a/src/public/app/widgets/collapsible_widget.js b/src/public/app/widgets/collapsible_widget.js index 414f850b4..040ea7769 100644 --- a/src/public/app/widgets/collapsible_widget.js +++ b/src/public/app/widgets/collapsible_widget.js @@ -77,13 +77,7 @@ export default class CollapsibleWidget extends TabAwareWidget { } this.$headerActions = this.$widget.find('.widget-header-actions'); - let headerActions = this.headerActions; - - if (headerActions.length > 0) { - headerActions = ["(", ...headerActions, ")"]; - } - - this.$headerActions.append(...headerActions); + this.$headerActions.append(this.headerActions); this.initialized = this.doRenderBody(); diff --git a/src/public/app/widgets/collapsible_widgets/link_map.js b/src/public/app/widgets/collapsible_widgets/link_map.js index 758f2d1f7..46586b6ab 100644 --- a/src/public/app/widgets/collapsible_widgets/link_map.js +++ b/src/public/app/widgets/collapsible_widgets/link_map.js @@ -24,7 +24,11 @@ export default class LinkMapWidget extends CollapsibleWidget { } get headerActions() { - const $showFullButton = $("").append("show full").addClass('widget-header-action'); + const $showFullButton = $("") + .addClass("bx bx-map-alt") + .addClass('widget-header-action') + .attr('title', 'Show full link map'); + $showFullButton.on('click', async () => { const linkMapDialog = await import("../../dialogs/link_map.js"); linkMapDialog.showDialog(); diff --git a/src/public/app/widgets/collapsible_widgets/note_revisions.js b/src/public/app/widgets/collapsible_widgets/note_revisions.js index f97f1aa98..2f915086e 100644 --- a/src/public/app/widgets/collapsible_widgets/note_revisions.js +++ b/src/public/app/widgets/collapsible_widgets/note_revisions.js @@ -21,7 +21,11 @@ class NoteRevisionsWidget extends CollapsibleWidget { } get headerActions() { - const $showFullButton = $("").append("show dialog").addClass('widget-header-action'); + const $showFullButton = $("") + .addClass("bx bx-list-ul") + .addClass('widget-header-action') + .attr('title', 'Show Note revisions dialog'); + $showFullButton.on('click', async () => { const attributesDialog = await import("../../dialogs/note_revisions.js"); attributesDialog.showCurrentNoteRevisions(this.noteId); diff --git a/src/public/app/widgets/collapsible_widgets/what_links_here.js b/src/public/app/widgets/collapsible_widgets/what_links_here.js index 2124efd3b..9b3a8d63a 100644 --- a/src/public/app/widgets/collapsible_widgets/what_links_here.js +++ b/src/public/app/widgets/collapsible_widgets/what_links_here.js @@ -15,7 +15,11 @@ export default class WhatLinksHereWidget extends CollapsibleWidget { } get headerActions() { - const $showFullButton = $("").append("show link map").addClass('widget-header-action'); + const $showFullButton = $("") + .addClass("bx bx-map-alt") + .addClass('widget-header-action') + .attr('title', 'Show full link map'); + $showFullButton.on('click', async () => { const linkMapDialog = await import("../../dialogs/link_map.js"); linkMapDialog.showDialog();