diff --git a/entrypoints/sidepanel/components/GroupView.styles.ts b/entrypoints/sidepanel/components/GroupView.styles.ts index 3e998a3..b19cff4 100644 --- a/entrypoints/sidepanel/components/GroupView.styles.ts +++ b/entrypoints/sidepanel/components/GroupView.styles.ts @@ -99,12 +99,23 @@ export const useStyles_GroupView = makeStyles({ display: "flex", columnGap: tokens.spacingHorizontalS, rowGap: tokens.spacingHorizontalSNudge, - height: "100%" + height: "100%", + position: "relative" }, verticalList: { flexFlow: "column" }, + verticalListCollapsed: + { + maxHeight: "136px", + overflow: "clip" + }, + horizontalListCollapsed: + { + maxWidth: "400px", + overflow: "clip" + }, listContainer: { padding: `${tokens.spacingVerticalS} ${tokens.spacingHorizontalXS}`, diff --git a/entrypoints/sidepanel/components/GroupView.tsx b/entrypoints/sidepanel/components/GroupView.tsx index f4962ab..c1d5752 100644 --- a/entrypoints/sidepanel/components/GroupView.tsx +++ b/entrypoints/sidepanel/components/GroupView.tsx @@ -88,7 +88,13 @@ export default function GroupView({ group, indices, dragOverlay }: GroupViewProp { i18n.t("groups.empty") } : -
+
[...indices, index].join("/")) } disabled={ disableSorting } diff --git a/entrypoints/sidepanel/components/TabView.styles.ts b/entrypoints/sidepanel/components/TabView.styles.ts index 1901230..2b85a56 100644 --- a/entrypoints/sidepanel/components/TabView.styles.ts +++ b/entrypoints/sidepanel/components/TabView.styles.ts @@ -8,6 +8,7 @@ export const useStyles_TabView = makeStyles({ width: "160px", height: "120px", + flexShrink: 0, marginBottom: tokens.spacingVerticalSNudge, border: `${tokens.strokeWidthThin} solid ${tokens.colorNeutralStroke3}`,