PAINTROID-454: Flutter: Add Layers - hide after clicking on canvas

Catrobat · Oct 9, 2024 · 0f84aa8 · 0f84aa8
1 parent 08de768
commit 0f84aa8
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 4 deletions.
diff --git a/lib/core/providers/state/layer_menu_state_provider.dart b/lib/core/providers/state/layer_menu_state_provider.dart
@@ -15,4 +15,8 @@ class LayerMenuStateProvider extends _$LayerMenuStateProvider {
   void toggleVisibility() {
     state = state.copyWith(isVisible: !state.isVisible);
   }
+
+  void hide() {
+    state = state.copyWith(isVisible: false);
+  }
 }
diff --git a/lib/ui/pages/workspace_page/components/drawing_surface/drawing_canvas.dart b/lib/ui/pages/workspace_page/components/drawing_surface/drawing_canvas.dart
@@ -1,11 +1,10 @@
 import 'package:flutter/material.dart';
-
 import 'package:flutter_riverpod/flutter_riverpod.dart';
-
 import 'package:paintroid/core/enums/tool_types.dart';
 import 'package:paintroid/core/providers/object/canvas_painter_provider.dart';
 import 'package:paintroid/core/providers/object/device_service.dart';
 import 'package:paintroid/core/providers/state/canvas_state_provider.dart';
+import 'package:paintroid/core/providers/state/layer_menu_state_provider.dart';
 import 'package:paintroid/core/providers/state/toolbox_state_provider.dart';
 import 'package:paintroid/core/providers/state/workspace_state_notifier.dart';
 import 'package:paintroid/ui/pages/workspace_page/components/drawing_surface/canvas_painter.dart';
@@ -46,6 +45,7 @@ class _DrawingCanvasState extends ConsumerState<DrawingCanvas> {
       });
 
   void _onPointerDown(PointerDownEvent _) {
+    ref.read(layerMenuStateProvider.notifier).hide();
     _pointersOnScreen++;
     if (_pointersOnScreen >= 2) {
       _isZooming = true;

diff --git a/lib/ui/pages/workspace_page/components/layer_menu/layer_menu.dart b/lib/ui/pages/workspace_page/components/layer_menu/layer_menu.dart
@@ -12,8 +12,8 @@ class LayerMenu extends ConsumerWidget {
       layerMenuStateProvider.select((state) => state.isVisible),
     );
     return Positioned(
-      top: 32,
-      bottom: 32,
+      top: 54,
+      bottom: 54,
       right: 8,
       child: FadeInOutWidget(
         isVisible: isVisible,