diff --git a/apps/client/src/stylesheets/theme-next/dialogs.css b/apps/client/src/stylesheets/theme-next/dialogs.css index 0351e6f23..9b8fb0306 100644 --- a/apps/client/src/stylesheets/theme-next/dialogs.css +++ b/apps/client/src/stylesheets/theme-next/dialogs.css @@ -128,10 +128,15 @@ div.tn-tool-dialog { .jump-to-note-dialog .modal-header { padding: unset !important; + padding-bottom: 26px !important; } .jump-to-note-dialog .modal-body { - padding: 26px 0 !important; + padding: 0 !important; +} + +.jump-to-note-dialog .modal-footer { + padding-top: 26px; } /* Search box wrapper */ diff --git a/apps/client/src/widgets/dialogs/jump_to_note.ts b/apps/client/src/widgets/dialogs/jump_to_note.ts index af108c016..d56257f29 100644 --- a/apps/client/src/widgets/dialogs/jump_to_note.ts +++ b/apps/client/src/widgets/dialogs/jump_to_note.ts @@ -35,7 +35,7 @@ export default class JumpToNoteDialog extends BasicWidget { private modal!: bootstrap.Modal; private $autoComplete!: JQuery; private $results!: JQuery; - private $showInFullTextButton!: JQuery; + private $modalFooter!: JQuery; private isCommandMode: boolean = false; constructor() { @@ -50,8 +50,8 @@ export default class JumpToNoteDialog extends BasicWidget { this.$autoComplete = this.$widget.find(".jump-to-note-autocomplete"); this.$results = this.$widget.find(".jump-to-note-results"); - this.$showInFullTextButton = this.$widget.find(".show-in-full-text-button"); - this.$showInFullTextButton.on("click", (e) => this.showInFullText(e)); + this.$modalFooter = this.$widget.find(".modal-footer"); + this.$modalFooter.find(".show-in-full-text-button").on("click", (e) => this.showInFullText(e)); shortcutService.bindElShortcut(this.$widget, "ctrl+return", (e) => this.showInFullText(e)); @@ -73,9 +73,9 @@ export default class JumpToNoteDialog extends BasicWidget { private updateButtonVisibility() { if (this.isCommandMode) { - this.$showInFullTextButton.hide(); + this.$modalFooter.hide(); } else { - this.$showInFullTextButton.show(); + this.$modalFooter.show(); } }