xfox111/TabsAsideExtension
1
0
Fork 0
mirror of https://github.com/XFox111/TabsAsideExtension.git synced 2026-04-22 07:58:01 +03:00
Code Wiki Activity

chore(ui): increase tab's dnd handle area

Browse Source
This commit is contained in:
Eugene Fox
2025-07-03 11:46:53 +03:00
parent 213cc84602
commit d85d10dc58
2 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
entrypoints/sidepanel/components/TabView.styles.ts
+3 -2
View File
@@ -58,8 +58,6 @@ export const useStyles_TabView = makeStyles({
display: "grid", display: "grid",
gridTemplateColumns: "auto 1fr auto", gridTemplateColumns: "auto 1fr auto",
alignItems: "center", alignItems: "center",
gap: tokens.spacingHorizontalSNudge,
paddingLeft: tokens.spacingHorizontalS,
borderBottomLeftRadius: tokens.borderRadiusMedium, borderBottomLeftRadius: tokens.borderRadiusMedium,
borderBottomRightRadius: tokens.borderRadiusMedium, borderBottomRightRadius: tokens.borderRadiusMedium,
@@ -72,6 +70,9 @@ export const useStyles_TabView = makeStyles({
icon: icon:
{ {
cursor: "grab", cursor: "grab",
padding: `${tokens.spacingVerticalSNudge} ${tokens.spacingHorizontalSNudge}`,
height: "32px",
boxSizing: "border-box",
"&:active": "&:active":
{ {
entrypoints/sidepanel/components/TabView.tsx
-1
View File
@@ -83,7 +83,6 @@ export default function TabView({ tab, indices, dragOverlay }: TabViewProps): Re
ref={ setActivatorNodeRef } { ...activatorProps } ref={ setActivatorNodeRef } { ...activatorProps }
src={ graphics[tab.url]?.icon ?? faviconPlaceholder } src={ graphics[tab.url]?.icon ?? faviconPlaceholder }
onError={ e => e.currentTarget.src = faviconPlaceholder } onError={ e => e.currentTarget.src = faviconPlaceholder }
height={ 20 } width={ 20 }
className={ cls.icon } draggable={ false } /> className={ cls.icon } draggable={ false } />
<Tooltip relationship="description" content={ tab.title ?? tab.url }> <Tooltip relationship="description" content={ tab.title ?? tab.url }>