diff --git a/BuildSkillsUI.lua b/BuildSkillsUI.lua index edefa13..f101d89 100755 --- a/BuildSkillsUI.lua +++ b/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