ChannelTabs: configure tab height scale (#1040)
This commit is contained in:
parent
eb1fa5ddbd
commit
2fda567da1
4 changed files with 13 additions and 4 deletions
|
|
@ -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, () => <BasicContextMenu />)}
|
||||
>
|
||||
{showBookmarkBar && <>
|
||||
|
|
|
|||
|
|
@ -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,
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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)",
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue