fix(workspace): collapse header loading skeleton to a single bar
The header now shows only one row of text, so drop the second skeleton and widen the primary bar to match.
This commit is contained in:
@@ -2091,7 +2091,6 @@ function WorkspaceScreenContent({
|
|||||||
{isWorkspaceHeaderLoading ? (
|
{isWorkspaceHeaderLoading ? (
|
||||||
<View style={styles.headerTitleTextGroup}>
|
<View style={styles.headerTitleTextGroup}>
|
||||||
<View style={styles.headerTitleSkeleton} />
|
<View style={styles.headerTitleSkeleton} />
|
||||||
<View style={styles.headerProjectTitleSkeleton} />
|
|
||||||
</View>
|
</View>
|
||||||
) : (
|
) : (
|
||||||
<View style={styles.headerTitleTextGroup}>
|
<View style={styles.headerTitleTextGroup}>
|
||||||
@@ -2492,21 +2491,13 @@ const styles = StyleSheet.create((theme) => ({
|
|||||||
maxWidth: "60%",
|
maxWidth: "60%",
|
||||||
},
|
},
|
||||||
headerTitleSkeleton: {
|
headerTitleSkeleton: {
|
||||||
width: 190,
|
width: 220,
|
||||||
maxWidth: "45%",
|
maxWidth: "100%",
|
||||||
height: 22,
|
height: 22,
|
||||||
borderRadius: theme.borderRadius.full,
|
borderRadius: theme.borderRadius.full,
|
||||||
backgroundColor: theme.colors.surface3,
|
backgroundColor: theme.colors.surface3,
|
||||||
opacity: 0.25,
|
opacity: 0.25,
|
||||||
},
|
},
|
||||||
headerProjectTitleSkeleton: {
|
|
||||||
width: 300,
|
|
||||||
maxWidth: "45%",
|
|
||||||
height: 22,
|
|
||||||
borderRadius: theme.borderRadius.full,
|
|
||||||
backgroundColor: theme.colors.surface3,
|
|
||||||
opacity: 0.18,
|
|
||||||
},
|
|
||||||
headerRight: {
|
headerRight: {
|
||||||
flexDirection: "row",
|
flexDirection: "row",
|
||||||
alignItems: "center",
|
alignItems: "center",
|
||||||
|
|||||||
Reference in New Issue
Block a user