From 5ca3112619c1868f9c045a9ed315e94db7992b52 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?J=C3=B6rn-Michael=20Miehe?= <jmm@yavook.de>
Date: Sat, 9 Sep 2023 21:41:06 +0000
Subject: [PATCH] stylesheets improvements

---
 ui/src/components/BulmaButton.vue                 | 2 --
 ui/src/components/Calendar.vue                    | 8 +-------
 ui/src/components/calendar/CalendarDoor.vue       | 2 +-
 ui/src/components/calendar/editor/DoorChooser.vue | 8 +-------
 ui/src/components/calendar/editor/DoorPlacer.vue  | 8 +-------
 5 files changed, 4 insertions(+), 24 deletions(-)

diff --git a/ui/src/components/BulmaButton.vue b/ui/src/components/BulmaButton.vue
index 809d991..40d75ac 100644
--- a/ui/src/components/BulmaButton.vue
+++ b/ui/src/components/BulmaButton.vue
@@ -22,5 +22,3 @@ export default class extends Vue {
   public icon?: string;
 }
 </script>
-
-<style scoped></style>
diff --git a/ui/src/components/Calendar.vue b/ui/src/components/Calendar.vue
index ad96c3e..a6e86e0 100644
--- a/ui/src/components/Calendar.vue
+++ b/ui/src/components/Calendar.vue
@@ -2,7 +2,7 @@
   <MultiModal ref="multi_modal" />
 
   <section>
-    <figure class="image">
+    <figure class="image is-unselectable">
       <img :src="$advent22.api_url('general/background')" />
       <ThouCanvas>
         <CalendarDoor
@@ -57,9 +57,3 @@ export default class extends Vue {
   }
 }
 </script>
-
-<style lang="scss" scoped>
-section > figure {
-  user-select: none;
-}
-</style>
diff --git a/ui/src/components/calendar/CalendarDoor.vue b/ui/src/components/calendar/CalendarDoor.vue
index 3d50184..ac02604 100644
--- a/ui/src/components/calendar/CalendarDoor.vue
+++ b/ui/src/components/calendar/CalendarDoor.vue
@@ -44,7 +44,7 @@ export default class extends Vue {
 }
 </script>
 
-<style lang="scss" scoped>
+<style scoped>
 rect {
   cursor: pointer;
 }
diff --git a/ui/src/components/calendar/editor/DoorChooser.vue b/ui/src/components/calendar/editor/DoorChooser.vue
index d9001e8..eac9bae 100644
--- a/ui/src/components/calendar/editor/DoorChooser.vue
+++ b/ui/src/components/calendar/editor/DoorChooser.vue
@@ -10,7 +10,7 @@
         <li>[Entf]: Tag entfernen</li>
       </ul>
     </div>
-    <figure class="image">
+    <figure class="image is-unselectable">
       <img :src="$advent22.api_url('general/background')" />
       <ThouCanvas>
         <PreviewDoor
@@ -48,9 +48,3 @@ export default class extends Vue {
   }
 }
 </script>
-
-<style lang="scss" scoped>
-section > figure {
-  user-select: none;
-}
-</style>
diff --git a/ui/src/components/calendar/editor/DoorPlacer.vue b/ui/src/components/calendar/editor/DoorPlacer.vue
index 281e00d..fc7f650 100644
--- a/ui/src/components/calendar/editor/DoorPlacer.vue
+++ b/ui/src/components/calendar/editor/DoorPlacer.vue
@@ -8,7 +8,7 @@
         <li>Doppel- oder Mittelklick: Türchen löschen</li>
       </ul>
     </div>
-    <figure class="image">
+    <figure class="image is-unselectable">
       <img :src="$advent22.api_url('general/background')" />
       <RectangleCanvas
         :rectangles="rectangles"
@@ -76,9 +76,3 @@ export default class extends Vue {
   }
 }
 </script>
-
-<style lang="scss" scoped>
-section > figure {
-  user-select: none;
-}
-</style>