[Heybarbaruiva]

As the title says, I'm trying to create a skin for Masque that makes my action buttons rectangular without having to resort to simply distorting the icon.

This is what I'd like to achieve:


I tried used SetTextCoord to try and crop the top and bottom of the button but the texture gets all messed up. See image bellow:


This is the part of the code I modified. The rest is from Masque's Zoomed skin:

	Icon = {
		Width = 36,
		Height = 27,
		TexCoords = {0,0,0.75,0.75},
	},

local _, Core = ...
 
Core:AddSkin("Zoomed", {
    Author = "JJSheets, StormFX",
    Version = "7.1.0",
    Masque_Version = 60201,
    Shape = "Square",
    Backdrop = {
        Hide = true,
    },
    Icon = {
        Width = 36,
        Height = 27,
        TexCoords = {0,0,0.75,0.75},
    },
    Flash = {
        Width = 36,
        Height = 36,
        Texture = [[Interface\Buttons\UI-QuickslotRed]],
    },
    Cooldown = {
        Width = 36,
        Height = 36,
    },
    ChargeCooldown = {
        Width = 36,
        Height = 36,
    },
    Pushed = {
        Width = 36,
        Height = 36,
        Texture = [[Interface\Buttons\UI-Quickslot-Depress]],
    },
    Normal = {
        Hide = true,
    },
    Disabled = {
        Hide = true,
    },
    Checked = {
        Width = 38,
        Height = 38,
        BlendMode = "ADD",
        Texture = [[Interface\Buttons\CheckButtonHilight]],
    },
    Border = {
        Width = 66,
        Height = 66,
        OffsetX = 0.5,
        OffsetY = 0.5,
        BlendMode = "ADD",
        Texture = [[Interface\Buttons\UI-ActionButton-Border]],
    },
    Gloss = {
        Hide = true,
    },
    AutoCastable = {
        Width = 66,
        Height = 66,
        OffsetX = 0.5,
        OffsetY = -0.5,
        Texture = [[Interface\Buttons\UI-AutoCastableOverlay]],
    },
    Highlight = {
        Width = 36,
        Height = 36,
        BlendMode = "ADD",
        Texture = [[Interface\Buttons\ButtonHilight-Square]],
    },
    Name = {
        Width = 36,
        Height = 10,
        OffsetY = 3,
    },
    Count = {
        Width = 36,
        Height = 10,
        OffsetX = -2,
        OffsetY = 4,
    },
    HotKey = {
        Width = 36,
        Height = 10,
        OffsetX = -2,
        OffsetY = -4,
    },
    Duration = {
        Width = 36,
        Height = 10,
        OffsetY = -3,
    },
    Shine = {
        Width = 34,
        Height = 34,
        OffsetX = 0.5,
        OffsetY = -0.5
    },
})

PS. I know about Masque Ractangle, but as I said, the process it's author used to make the action buttons rectangular was by stretching the icon. I'd rather just crop the top and/or bottom and not distort it.

Any ideas how I might accomplish this? I appreciate any help you can give me!