jb/paseo
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

style(app): indent the sidebar new workspace row

Browse Source 
The row only renders under its project header, so stepping it in reads as
part of that project rather than as a peer of it. Extra padding rather than
margin keeps the hover and pressed fills on the same box as every other
sidebar row.
This commit is contained in:
Mohamed Boudra
2026-08-07 20:24:46 +02:00
parent 3ddebe7221
commit 9b5f6f33f6
1 changed files with 5 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/app/src/components/sidebar-workspace-list.tsx
+5 -1
View File
@@ -2415,11 +2415,15 @@ const styles = StyleSheet.create((theme) => ({
workspaceListContainer: {}, workspaceListContainer: {},
// Kept in step with `workspaceRow` above. It stands in a project's list where a workspace row // Kept in step with `workspaceRow` above. It stands in a project's list where a workspace row
// would be, so it takes that row's geometry and both of its fills. // would be, so it takes that row's geometry and both of its fills.
//
// The one departure is the extra left padding: it only ever renders under its project header, so
// the step in reads as belonging to that project. Padding rather than margin, so the hover and
// pressed fills stay the same box as every other row in the sidebar.
newWorkspaceGhostRow: { newWorkspaceGhostRow: {
minHeight: 36, minHeight: 36,
marginBottom: theme.spacing[0.5], marginBottom: theme.spacing[0.5],
paddingVertical: theme.spacing[2], paddingVertical: theme.spacing[2],
paddingLeft: theme.spacing[2], paddingLeft: theme.spacing[4],
paddingRight: theme.spacing[3], paddingRight: theme.spacing[3],
borderRadius: theme.borderRadius.lg, borderRadius: theme.borderRadius.lg,
flexDirection: "row", flexDirection: "row",