From 6ec86fdc2516b18c85d91999854b1dd7ac598fe5 Mon Sep 17 00:00:00 2001
From: Marcel Baumgartner <marcel.kbkm@gmail.com>
Date: Tue, 13 Feb 2024 22:46:31 +0100
Subject: [PATCH] Improved ux for ticket popup

---
 .../UI/Components/TicketPopupMain.razor       | 47 ++++++++++---------
 1 file changed, 24 insertions(+), 23 deletions(-)

diff --git a/Moonlight/Features/Ticketing/UI/Components/TicketPopupMain.razor b/Moonlight/Features/Ticketing/UI/Components/TicketPopupMain.razor
index 32666ba8..28855899 100644
--- a/Moonlight/Features/Ticketing/UI/Components/TicketPopupMain.razor
+++ b/Moonlight/Features/Ticketing/UI/Components/TicketPopupMain.razor
@@ -1,36 +1,37 @@
 @using Moonlight.Features.Ticketing.Entities
+
 <div class="mb-4 me-4 d-flex justify-content-end fixed-bottom" style="pointer-events: none;">
     <CascadingValue Value="this">
         @if (ViewIndex == 0)
-            {
-                <button @onclick="() => SetViewIndex(1)" class="btn btn-lg btn-icon btn-rounded-circle bg-secondary btn-white border border-2 border-warning" style="pointer-events: all">
-                    <i class="bx bg-lg bx-chat"></i>
-                </button>
-            }
-            else
-            {
-                <div class="card border border-2 border-warning" style="pointer-events: all; height: 70vh">
-                    @if (ViewIndex == 1)
-                    {
-                        <TicketPopupOverview />
-                    }
-                    else if (ViewIndex == 2)
-                    {
-                        <TicketPopupView />
-                    }
-                    else if (ViewIndex == 3)
-                    {
-                        <TicketPopupCreate />
-                    }
-                </div>
-            }
+        {
+            <button @onclick="() => SetViewIndex(1)" class="btn btn-lg btn-icon btn-rounded-circle bg-secondary btn-white border border-2 border-warning hover-scale opacity-50 opacity-100-hover" style="pointer-events: all">
+                <i class="bx bg-lg bx-chat"></i>
+            </button>
+        }
+        else
+        {
+            <div class="card border border-2 border-warning" style="pointer-events: all; height: 70vh">
+                @if (ViewIndex == 1)
+                {
+                    <TicketPopupOverview/>
+                }
+                else if (ViewIndex == 2)
+                {
+                    <TicketPopupView/>
+                }
+                else if (ViewIndex == 3)
+                {
+                    <TicketPopupCreate/>
+                }
+            </div>
+        }
     </CascadingValue>
 </div>
 
 @code
 {
     private int ViewIndex = 0;
-    
+
     public Ticket CurrentTicket { get; private set; }
 
     public async Task SetViewIndex(int index)