From 9d9305300c3ea6f489f186e57aeef23b940d3d40 Mon Sep 17 00:00:00 2001 From: zadam Date: Tue, 20 Dec 2022 20:25:52 +0100 Subject: [PATCH] scale the whole edit widget, not just the icon --- src/public/app/widgets/buttons/edit_button.js | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/src/public/app/widgets/buttons/edit_button.js b/src/public/app/widgets/buttons/edit_button.js index ce61cb818..3997b206a 100644 --- a/src/public/app/widgets/buttons/edit_button.js +++ b/src/public/app/widgets/buttons/edit_button.js @@ -39,9 +39,13 @@ export default class EditButton extends OnClickButtonWidget { // 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"); + this.$iconSpan.addClass("bx-tada"); + this.$widget.css("transform", "scale(2)"); - setTimeout(() => this.$iconSpan.removeClass("bx-tada bx-lg"), 1700); + setTimeout(() => { + this.$iconSpan.removeClass("bx-tada bx-lg"); + this.$widget.css("transform", "scale(1)"); + }, 1700); } }