fix(app): keep new workspace ref selector bounded

Long starting refs could paint past capped badges because the shared combobox trigger row kept its intrinsic width. Make the trigger row shrink-safe and clip the New Workspace badge contents.
This commit is contained in:
Mohamed Boudra
2026-06-26 20:28:55 +07:00
parent 07680cdd69
commit d6b946720e
2 changed files with 6 additions and 0 deletions
@@ -61,11 +61,15 @@ export const ComboboxTrigger = forwardRef<View, ComboboxTriggerProps>(function C
const styles = StyleSheet.create((theme) => ({ const styles = StyleSheet.create((theme) => ({
row: { row: {
minWidth: 0,
maxWidth: "100%",
flexShrink: 1,
flexDirection: "row", flexDirection: "row",
alignItems: "center", alignItems: "center",
gap: theme.spacing[1], gap: theme.spacing[1],
}, },
chevronContainer: { chevronContainer: {
flexShrink: 0,
transform: [{ translateY: 1 }], transform: [{ translateY: 1 }],
}, },
})); }));
@@ -2084,6 +2084,7 @@ const styles = StyleSheet.create((theme) => ({
alignItems: "center", alignItems: "center",
height: BADGE_HEIGHT, height: BADGE_HEIGHT,
maxWidth: 240, maxWidth: 240,
overflow: "hidden",
paddingHorizontal: theme.spacing[2], paddingHorizontal: theme.spacing[2],
borderRadius: theme.borderRadius["2xl"], borderRadius: theme.borderRadius["2xl"],
gap: theme.spacing[1], gap: theme.spacing[1],
@@ -2115,6 +2116,7 @@ const styles = StyleSheet.create((theme) => ({
opacity: 0.6, opacity: 0.6,
}, },
badgeText: { badgeText: {
minWidth: 0,
fontSize: theme.fontSize.sm, fontSize: theme.fontSize.sm,
color: theme.colors.foregroundMuted, color: theme.colors.foregroundMuted,
flexShrink: 1, flexShrink: 1,