fix: bigger notifications

src/apps/muscles/MuscleWidgets.jl

 module MuscleWidgets
 
-using Base: has_nondefault_cmd_flags
 using NyxWidgets.Players, NyxWidgets.Muscles, NyxWidgets.AnimatedLayers
 import NyxWidgets.Base: lowerdom, dom_id, dom_id!, Div
 using NyxPlots

src/apps/muscles/app.jl

@@ -37,6 +37,7 @@ const bonito_app = NamedApp(:inherit, Backbone.app)
     #@in delete_sequence_click = false
 
     @in colormap = default_colormap
+    @out first_time_in_editmode = true # and in the heatmap view
     @in editmode = false
     @out editmode_disable = true
     @in setvalue = 1.0
@@ -44,6 +45,8 @@ const bonito_app = NamedApp(:inherit, Backbone.app)
     @in time_interval = 0.05
     @in start_time = 0.0
 
+    @out heatmap_view = false
+
     @out area_selected = false
     @out new_clipboard_item = false
 
@@ -80,6 +83,12 @@ const bonito_app = NamedApp(:inherit, Backbone.app)
             area_selected[!] = false
             area_selected = true
         end
+        on(model.animation.switchlayer) do layers
+            if !isnothing(layers)
+                current = layers[1]
+                heatmap_view = 1 < current
+            end
+        end
     end
 
     @onchange start_time, time_interval, series_length begin
@@ -204,6 +213,20 @@ const bonito_app = NamedApp(:inherit, Backbone.app)
         model = getmodel(back_session_id)
         model.editmode[] = editmode
         editmode_disable = !editmode
+        if editmode && first_time_in_editmode && heatmap_view
+            first_time_in_editmode = false
+        end
+    end
+
+    @onchange heatmap_view begin
+        if heatmap_view && editmode && first_time_in_editmode
+            first_time_in_editmode = false
+        end
+    end
+
+    @onchange first_time_in_editmode begin
+        @assert !first_time_in_editmode
+        @notify "Toggle the \"edit mode\" off to browse the sequence with the heatmap" :info
     end
 
     @onchange setvalue begin

src/apps/muscles/muscleapp.css

@@ -12,3 +12,6 @@
   margin-left: 1rem;
 }
 
+.q-notification__message {
+  font-size: 120%;
+}