diff --git a/src/equicordplugins/channelTabs/components/ChannelTabsContainer.tsx b/src/equicordplugins/channelTabs/components/ChannelTabsContainer.tsx index 674e514db..c2eb7a0ac 100644 --- a/src/equicordplugins/channelTabs/components/ChannelTabsContainer.tsx +++ b/src/equicordplugins/channelTabs/components/ChannelTabsContainer.tsx @@ -33,6 +33,7 @@ export default function ChannelsTabsContainer(props: BasicChannelTabsProps) { showBookmarkBar, widerTabsAndBookmarks, tabWidthScale, + tabHeightScale, enableNumberKeySwitching, numberKeySwitchCount, enableCloseTabShortcut, @@ -65,6 +66,7 @@ export default function ChannelsTabsContainer(props: BasicChannelTabsProps) { "showBookmarkBar", "widerTabsAndBookmarks", "tabWidthScale", + "tabHeightScale", "enableNumberKeySwitching", "numberKeySwitchCount", "enableCloseTabShortcut", @@ -322,7 +324,7 @@ export default function ChannelsTabsContainer(props: BasicChannelTabsProps) { !compactAutoExpandOnHover && cl("no-compact-hover-expand") )} ref={ref} - style={{ "--tab-width-scale": tabWidthScale / 100 } as React.CSSProperties} + style={{ "--tab-width-scale": tabWidthScale / 100, "--tab-height-scale": tabHeightScale / 100 } as React.CSSProperties} onContextMenu={e => ContextMenuApi.openContextMenu(e, () => )} > {showBookmarkBar && <> diff --git a/src/equicordplugins/channelTabs/index.tsx b/src/equicordplugins/channelTabs/index.tsx index 9cfa461ed..b536a216c 100644 --- a/src/equicordplugins/channelTabs/index.tsx +++ b/src/equicordplugins/channelTabs/index.tsx @@ -48,7 +48,7 @@ export default definePlugin({ name: "ChannelTabs", description: "Group your commonly visited channels in tabs, like a browser", tags: ["Appearance", "Customisation", "Organisation", "Servers"], - authors: [Devs.TheSun, Devs.TheKodeToad, EquicordDevs.keifufu, Devs.Nickyux, EquicordDevs.DiabeloDEV, EquicordDevs.justjxke], + authors: [Devs.TheSun, Devs.TheKodeToad, EquicordDevs.keifufu, Devs.Nickyux, EquicordDevs.DiabeloDEV, EquicordDevs.justjxke, EquicordDevs.keircn], dependencies: ["ContextMenuAPI"], contextMenus: { "channel-mention-context": contextMenuPatch, diff --git a/src/equicordplugins/channelTabs/style.css b/src/equicordplugins/channelTabs/style.css index 83f4b3761..5e82d29a5 100644 --- a/src/equicordplugins/channelTabs/style.css +++ b/src/equicordplugins/channelTabs/style.css @@ -212,7 +212,8 @@ border-color 0.15s ease, box-shadow 0.15s ease, opacity 0.15s ease; - padding: 6px 8px; + min-height: calc(38px * var(--tab-height-scale, 1)); + padding: calc(6px * var(--tab-height-scale, 1)) 8px; position: relative; cursor: grab; flex-shrink: 0; @@ -1338,4 +1339,4 @@ /* disable transitions when compact expand animation is disabled */ .vc-channeltabs-no-compact-animation .vc-channeltabs-tab-number-badge { transition: none !important; -} \ No newline at end of file +} diff --git a/src/equicordplugins/channelTabs/util/constants.tsx b/src/equicordplugins/channelTabs/util/constants.tsx index a27a010a5..6f529fef5 100644 --- a/src/equicordplugins/channelTabs/util/constants.tsx +++ b/src/equicordplugins/channelTabs/util/constants.tsx @@ -179,6 +179,12 @@ export const settings = definePluginSettings({ hidden: true, restartNeeded: false }, + tabHeightScale: { + type: OptionType.NUMBER, + description: "Tab height scale (percentage).", + default: 100, + restartNeeded: false + }, renderAllTabs: { type: OptionType.BOOLEAN, description: "Keep all tabs cached in memory for faster switching (caches scroll position and state)",