gaschz/trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-06-06 09:58:32 +02:00
Code Issues Actions Packages Projects Releases Wiki Activity

edit button grows and shakes on the first display #2483

Browse Source
This commit is contained in:
zadam 2022-12-20 20:20:24 +01:00
parent 7c6d67f1ad
commit c89455f93f
3 changed files with 18 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/public/app/widgets/buttons/edit_button.js
View File

@ -31,8 +31,18 @@ export default class EditButton extends OnClickButtonWidget {
// prevent flickering by assuming hidden before async operation // prevent flickering by assuming hidden before async operation
this.toggleInt(false); this.toggleInt(false);
const wasVisible = this.isVisible();
// can't do this in isEnabled() since isReadOnly is async // can't do this in isEnabled() since isReadOnly is async
this.toggleInt(await this.noteContext.isReadOnly()); this.toggleInt(await this.noteContext.isReadOnly());
// make the edit button stand out on the first display, otherwise
// it's difficult to notice that the note is readonly
if (this.isVisible() && !wasVisible) {
this.$iconSpan.addClass("bx-tada bx-lg");
setTimeout(() => this.$iconSpan.removeClass("bx-tada bx-lg"), 1700);
}
} }
await super.refreshWithNote(note); await super.refreshWithNote(note);

2
src/public/app/widgets/floating_buttons/floating_buttons.js
View File

@ -21,7 +21,7 @@ const TPL = `
} }
.floating-buttons-children > button { .floating-buttons-children > button {
font-size: 130%; font-size: 150%;
padding: 5px 10px 4px 10px; padding: 5px 10px 4px 10px;
width: 40px; width: 40px;
cursor: pointer; cursor: pointer;

8
src/public/app/widgets/floating_buttons/relation_map_buttons.js
View File

@ -1,7 +1,13 @@
import NoteContextAwareWidget from "../note_context_aware_widget.js"; import NoteContextAwareWidget from "../note_context_aware_widget.js";
const TPL = ` const TPL = `
<div> <div class="relation-map-buttons">
<style>
.relation-map-buttons .floating-button {
font-size: 120%;
}
</style>
<button type="button" <button type="button"
class="relation-map-create-child-note floating-button btn bx bx-folder-plus no-print" class="relation-map-create-child-note floating-button btn bx bx-folder-plus no-print"
title="Create new child note and add it into this relation map"></button> title="Create new child note and add it into this relation map"></button>