From d79b8c6cb26f5da7543117c4d542267327d080eb Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Joris=20Pelgr=C3=B6m?= <jpelgrom@users.noreply.github.com> Date: Tue, 21 May 2024 17:20:46 +0200 Subject: [PATCH] Fix notes icon changing size/position with long category or group names (#2773) --- .../src/components/budget/SidebarCategory.tsx | 12 +++++++----- .../src/components/budget/SidebarGroup.tsx | 12 +++++++----- upcoming-release-notes/2773.md | 6 ++++++ 3 files changed, 20 insertions(+), 10 deletions(-) create mode 100644 upcoming-release-notes/2773.md diff --git a/packages/desktop-client/src/components/budget/SidebarCategory.tsx b/packages/desktop-client/src/components/budget/SidebarCategory.tsx index c8986725f..ab5a20fa3 100644 --- a/packages/desktop-client/src/components/budget/SidebarCategory.tsx +++ b/packages/desktop-client/src/components/budget/SidebarCategory.tsx @@ -117,11 +117,13 @@ export function SidebarCategory({ </Popover> </View> <View style={{ flex: 1 }} /> - <NotesButton - id={category.id} - style={dragging && { color: 'currentColor' }} - defaultColor={theme.pageTextLight} - /> + <View style={{ flexShrink: 0 }}> + <NotesButton + id={category.id} + style={dragging && { color: 'currentColor' }} + defaultColor={theme.pageTextLight} + /> + </View> </View> ); diff --git a/packages/desktop-client/src/components/budget/SidebarGroup.tsx b/packages/desktop-client/src/components/budget/SidebarGroup.tsx index 0c9e3b4ec..ca9125a3f 100644 --- a/packages/desktop-client/src/components/budget/SidebarGroup.tsx +++ b/packages/desktop-client/src/components/budget/SidebarGroup.tsx @@ -138,11 +138,13 @@ export function SidebarGroup({ </Popover> </View> <View style={{ flex: 1 }} /> - <NotesButton - id={group.id} - style={dragPreview && { color: 'currentColor' }} - defaultColor={theme.pageTextLight} - /> + <View style={{ flexShrink: 0 }}> + <NotesButton + id={group.id} + style={dragPreview && { color: 'currentColor' }} + defaultColor={theme.pageTextLight} + /> + </View> </> )} </View> diff --git a/upcoming-release-notes/2773.md b/upcoming-release-notes/2773.md new file mode 100644 index 000000000..a6d90a985 --- /dev/null +++ b/upcoming-release-notes/2773.md @@ -0,0 +1,6 @@ +--- +category: Bugfix +authors: [jpelgrom] +--- + +Fix notes icon changing size/position with long category or group names. \ No newline at end of file -- GitLab