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:
@@ -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,
|
||||||
|
|||||||
Reference in New Issue
Block a user