Delete button

BuildSkillsUI.lua

@@ -26,11 +26,6 @@ local function CreateSkillRowFrame(index)
     local row = CreateFrame("Frame", "AltSystemSkillRow" .. index, scrollChild)
     row:SetHeight(ROW_HEIGHT)
 
-    -- Dark background
-    local bg = row:CreateTexture(nil, "BACKGROUND")
-    bg:SetAllPoints()
-    bg:SetColorTexture(0.1, 0.1, 0.1, 0.8)
-    row.bg = bg
 
     -- Name EditBox
     local nameBox = CreateFrame("EditBox", "AltSystemSkillName" .. index, row, "InputBoxTemplate")
@@ -52,26 +47,48 @@ local function CreateSkillRowFrame(index)
     valueDropdown:SetWidth(VALUE_WIDTH)
     row.valueDropdown = valueDropdown
 
-    -- Delete Button
+    -- Delete Button (trash can icon with dark red background, matching design)
     local deleteBtn = CreateFrame("Button", "AltSystemSkillDelete" .. index, row)
     deleteBtn:SetSize(DELETE_WIDTH, DELETE_WIDTH)
     deleteBtn:SetPoint("LEFT", valueDropdown, "RIGHT", 8, 0)
 
-    local deleteBg = deleteBtn:CreateTexture(nil, "BACKGROUND")
-    deleteBg:SetAllPoints()
-    deleteBg:SetColorTexture(0.5, 0.1, 0.1, 0.9)
-    deleteBtn.bg = deleteBg
 
-    local deleteText = deleteBtn:CreateFontString(nil, "OVERLAY", "GameFontNormal")
-    deleteText:SetPoint("CENTER")
-    deleteText:SetText("X")
-    deleteText:SetTextColor(1, 0.3, 0.3)
+    local deleteIcon = deleteBtn:CreateTexture(nil, "ARTWORK")
+    deleteIcon:SetSize(DELETE_WIDTH - 4, DELETE_WIDTH - 4)
+    deleteIcon:SetPoint("CENTER")
+    deleteIcon:SetTexture("Interface\\Buttons\\UI-GroupLoot-Pass-Up")
+    deleteBtn.icon = deleteIcon
+
+    -- Shimmer animation on hover
+    local shimmer = deleteBtn:CreateTexture(nil, "OVERLAY")
+    shimmer:SetSize(DELETE_WIDTH - 4, DELETE_WIDTH - 4)
+    shimmer:SetPoint("CENTER")
+    shimmer:SetTexture("Interface\\Buttons\\UI-GroupLoot-Pass-Up")
+    shimmer:SetBlendMode("ADD")
+    shimmer:SetAlpha(0)
+    deleteBtn.shimmer = shimmer
+
+    local shimmerAnim = shimmer:CreateAnimationGroup()
+    shimmerAnim:SetLooping("REPEAT")
+    local fadeIn = shimmerAnim:CreateAnimation("Alpha")
+    fadeIn:SetFromAlpha(0)
+    fadeIn:SetToAlpha(0.5)
+    fadeIn:SetDuration(0.5)
+    fadeIn:SetOrder(1)
+    local fadeOut = shimmerAnim:CreateAnimation("Alpha")
+    fadeOut:SetFromAlpha(0.5)
+    fadeOut:SetToAlpha(0)
+    fadeOut:SetDuration(0.5)
+    fadeOut:SetOrder(2)
+    deleteBtn.shimmerAnim = shimmerAnim
 
     deleteBtn:SetScript("OnEnter", function(self)
-        self.bg:SetColorTexture(0.7, 0.15, 0.15, 1)
+        self.shimmer:SetAlpha(0)
+        self.shimmerAnim:Play()
     end)
     deleteBtn:SetScript("OnLeave", function(self)
-        self.bg:SetColorTexture(0.5, 0.1, 0.1, 0.9)
+        self.shimmerAnim:Stop()
+        self.shimmer:SetAlpha(0)
     end)
 
     row.deleteBtn = deleteBtn