feat: larger gear icons with quality color border and top-left rank overlay, bump row height

Author: bifferz

Constants.lua

@@ -8,7 +8,7 @@ local Constants = {}
 addon.Constants = Constants
 
 Constants.TITLEBAR_HEIGHT = 30
-Constants.TABLE_ROW_HEIGHT = 24
+Constants.TABLE_ROW_HEIGHT = 30
 Constants.TABLE_HEADER_HEIGHT = 32
 Constants.TABLE_CELL_PADDING = 8
 Constants.MAX_WINDOW_HEIGHT = 500

Interface.lua

@@ -267,22 +267,32 @@ function UI:CreateTableFrame(config)
               iconFrame = CreateFrame("Frame", nil, columnFrame)
               iconFrame.texture = iconFrame:CreateTexture(nil, "ARTWORK")
               iconFrame.texture:SetAllPoints()
+              iconFrame.border = iconFrame:CreateTexture(nil, "BACKGROUND")
+              iconFrame.border:SetAllPoints()
               iconFrame.overlay = iconFrame:CreateTexture(nil, "OVERLAY")
               columnFrame.iconFrames[i] = iconFrame
             end
 
             local iconSize = iconData.size or 18
             iconFrame:SetSize(iconSize, iconSize)
-            iconFrame.overlay:SetSize(14, 14)
-            iconFrame.overlay:ClearAllPoints()
-            iconFrame.overlay:SetPoint("BOTTOMRIGHT", iconFrame, "BOTTOMRIGHT", 2, -2)
             iconFrame.texture:SetTexture(iconData.iconFileID)
             if iconData.unscanned then
-              iconFrame.texture:SetVertexColor(0.4, 0.4, 0.4, 1)  -- dim unscanned slots
+              iconFrame.texture:SetVertexColor(0.4, 0.4, 0.4, 1)
             else
               iconFrame.texture:SetVertexColor(1, 1, 1, 1)
             end
 
+            if iconData.borderColor then
+              local bc = iconData.borderColor
+              iconFrame.border:SetColorTexture(bc.r, bc.g, bc.b, 1)
+              iconFrame.border:Show()
+            else
+              iconFrame.border:Hide()
+            end
+
+            iconFrame.overlay:SetSize(10, 10)
+            iconFrame.overlay:ClearAllPoints()
+            iconFrame.overlay:SetPoint("TOPLEFT", iconFrame, "TOPLEFT", -2, 2)
             if iconData.overlayAtlas then
               iconFrame.overlay:SetAtlas(iconData.overlayAtlas)
               iconFrame.overlay:Show()

Main.lua

@@ -46,6 +46,7 @@ end
 local gearSortAscending = nil  -- nil=unsorted, false=descending, true=ascending
 
 local EMPTY_SLOT_TEXTURE = 4760248  -- confirmed in-game via GetInventorySlotInfo [2]
+local GEAR_ICON_SIZE = 24
 
 local function SlotBelongsToExpansion(slot, expansionID)
   return slot.itemExpansionID == expansionID
@@ -63,9 +64,9 @@ local function GearCellIcons(characterProfession, skillLineVariantID)
       GameTooltip:Show()
     end
     return {
-      { iconFileID = EMPTY_SLOT_TEXTURE, unscanned = true, onEnter = onEnter, onLeave = onLeave },
-      { iconFileID = EMPTY_SLOT_TEXTURE, unscanned = true, onEnter = onEnter, onLeave = onLeave },
-      { iconFileID = EMPTY_SLOT_TEXTURE, unscanned = true, onEnter = onEnter, onLeave = onLeave },
+      { iconFileID = EMPTY_SLOT_TEXTURE, unscanned = true, size = GEAR_ICON_SIZE, onEnter = onEnter, onLeave = onLeave },
+      { iconFileID = EMPTY_SLOT_TEXTURE, unscanned = true, size = GEAR_ICON_SIZE, onEnter = onEnter, onLeave = onLeave },
+      { iconFileID = EMPTY_SLOT_TEXTURE, unscanned = true, size = GEAR_ICON_SIZE, onEnter = onEnter, onLeave = onLeave },
     }
   end
 
@@ -79,9 +80,12 @@ local function GearCellIcons(characterProfession, skillLineVariantID)
     if slotBelongs then
       -- Item equipped and belongs to this expansion: full brightness icon + quality star overlay
       local itemLink = slot.itemLink
+      local qualityColor = ITEM_QUALITY_COLORS[slot.itemQuality]
       icons[i] = {
         iconFileID   = slot.iconFileID,
         overlayAtlas = "Professions-ChatIcon-Quality-Tier" .. slot.craftingRank,
+        borderColor  = qualityColor and {r = qualityColor.r, g = qualityColor.g, b = qualityColor.b},
+        size         = GEAR_ICON_SIZE,
         onEnter      = function(frame)
           GameTooltip:SetOwner(frame, "ANCHOR_RIGHT")
           GameTooltip:SetHyperlink(itemLink)
@@ -94,6 +98,7 @@ local function GearCellIcons(characterProfession, skillLineVariantID)
       local isEmpty = slot == nil or (slot and not slot.pending and expansionID ~= nil and not slotBelongs)
       icons[i] = {
         iconFileID = EMPTY_SLOT_TEXTURE,
+        size       = GEAR_ICON_SIZE,
         onEnter    = function(frame)
           GameTooltip:SetOwner(frame, "ANCHOR_RIGHT")
           GameTooltip:SetText(isEmpty and "Empty" or "Loading...", 1, 1, 1)
@@ -1010,7 +1015,7 @@ function Main:GetTableColumns(unfiltered)
     },
     {
       name         = "Gear",
-      width        = 70,   -- 3 icons x 18px + 2px spacing + padding; adjust after visual testing
+      width        = 90,
       align        = "CENTER",
       toggleHidden = true,
       onEnter      = function(cellFrame)

Types.lua

@@ -279,7 +279,8 @@
 
 ---@class WK_TableDataCellIcon
 ---@field iconFileID integer      -- Main icon texture fileID
----@field overlayAtlas string?    -- Atlas name for bottom-right corner overlay (e.g. quality star)
+---@field overlayAtlas string?    -- Atlas name for top-left corner overlay (e.g. quality star)
+---@field borderColor {r: number, g: number, b: number}? -- Border color (e.g. item quality color)
 ---@field unscanned boolean?      -- true = never scanned; dims the icon to distinguish from scanned-empty
 ---@field size integer?           -- Icon size in pixels (default 18)
 ---@field onEnter function?       -- Called on MouseEnter; use to show a tooltip