From 8abd4be00bf0a593caa8ef1edc5c601638885394 Mon Sep 17 00:00:00 2001 From: Abdelhafidh Belalia <16493223+s77rt@users.noreply.github.com> Date: Thu, 13 Jun 2024 03:55:19 +0100 Subject: [PATCH 1/5] change popover border radius to 16px --- src/styles/utils/generators/ModalStyleUtils.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/styles/utils/generators/ModalStyleUtils.ts b/src/styles/utils/generators/ModalStyleUtils.ts index bc668ba45670..b7998f6d721e 100644 --- a/src/styles/utils/generators/ModalStyleUtils.ts +++ b/src/styles/utils/generators/ModalStyleUtils.ts @@ -197,7 +197,7 @@ const createModalStyleUtils: StyleUtilGenerator = ({the }, }; modalContainerStyle = { - borderRadius: 12, + borderRadius: variables.componentBorderRadiusLarge, borderWidth: 1, borderColor: theme.border, justifyContent: 'center', From eaabe9667cda117a6cae78c8a4bad6fe9b0308b5 Mon Sep 17 00:00:00 2001 From: Abdelhafidh Belalia <16493223+s77rt@users.noreply.github.com> Date: Thu, 13 Jun 2024 22:55:35 +0100 Subject: [PATCH 2/5] Change modal border radius to 16px --- src/styles/index.ts | 2 +- src/styles/utils/generators/ModalStyleUtils.ts | 8 ++++---- 2 files changed, 5 insertions(+), 5 deletions(-) diff --git a/src/styles/index.ts b/src/styles/index.ts index f2de312bd289..5e04216b3431 100644 --- a/src/styles/index.ts +++ b/src/styles/index.ts @@ -1700,7 +1700,7 @@ const styles = (theme: ThemeColors) => createMenuContainer: { width: variables.sideBarWidth - 40, - paddingVertical: 12, + paddingVertical: 16, }, createMenuHeaderText: { diff --git a/src/styles/utils/generators/ModalStyleUtils.ts b/src/styles/utils/generators/ModalStyleUtils.ts index b7998f6d721e..fdd6411da783 100644 --- a/src/styles/utils/generators/ModalStyleUtils.ts +++ b/src/styles/utils/generators/ModalStyleUtils.ts @@ -75,7 +75,7 @@ const createModalStyleUtils: StyleUtilGenerator = ({the }; modalContainerStyle = { boxShadow: '0px 0px 5px 5px rgba(0, 0, 0, 0.1)', - borderRadius: 12, + borderRadius: variables.componentBorderRadiusLarge, overflow: 'hidden', width: variables.sideBarWidth, }; @@ -102,7 +102,7 @@ const createModalStyleUtils: StyleUtilGenerator = ({the flex: 1, marginTop: isSmallScreenWidth ? 0 : 20, marginBottom: isSmallScreenWidth ? 0 : 20, - borderRadius: isSmallScreenWidth ? 0 : 12, + borderRadius: isSmallScreenWidth ? 0 : variables.componentBorderRadiusLarge, overflow: 'hidden', ...getCenteredModalStyles(styles, windowWidth, isSmallScreenWidth), }; @@ -129,7 +129,7 @@ const createModalStyleUtils: StyleUtilGenerator = ({the flex: 1, marginTop: isSmallScreenWidth ? 0 : 20, marginBottom: isSmallScreenWidth ? 0 : 20, - borderRadius: isSmallScreenWidth ? 0 : 12, + borderRadius: isSmallScreenWidth ? 0 : variables.componentBorderRadiusLarge, overflow: 'hidden', ...getCenteredModalStyles(styles, windowWidth, isSmallScreenWidth, true), }; @@ -151,7 +151,7 @@ const createModalStyleUtils: StyleUtilGenerator = ({the }; modalContainerStyle = { boxShadow: '0px 0px 5px 5px rgba(0, 0, 0, 0.1)', - borderRadius: 12, + borderRadius: variables.componentBorderRadiusLarge, borderWidth: 0, }; From 962bcf245750d8f61c888c028e511b1f354d06df Mon Sep 17 00:00:00 2001 From: Abdelhafidh Belalia <16493223+s77rt@users.noreply.github.com> Date: Fri, 14 Jun 2024 19:18:14 +0100 Subject: [PATCH 3/5] Change bottom docked modal border radius and padding --- src/styles/utils/generators/ModalStyleUtils.ts | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/styles/utils/generators/ModalStyleUtils.ts b/src/styles/utils/generators/ModalStyleUtils.ts index fdd6411da783..1606c6dfe331 100644 --- a/src/styles/utils/generators/ModalStyleUtils.ts +++ b/src/styles/utils/generators/ModalStyleUtils.ts @@ -174,9 +174,9 @@ const createModalStyleUtils: StyleUtilGenerator = ({the }; modalContainerStyle = { width: '100%', - borderTopLeftRadius: 20, - borderTopRightRadius: 20, - paddingTop: 12, + borderTopLeftRadius: variables.componentBorderRadiusLarge, + borderTopRightRadius: variables.componentBorderRadiusLarge, + paddingTop: 16, justifyContent: 'center', overflow: 'hidden', }; From 84c13eaec4bd9fcb9b9350fc39937a96dd3387ed Mon Sep 17 00:00:00 2001 From: Abdelhafidh Belalia <16493223+s77rt@users.noreply.github.com> Date: Fri, 14 Jun 2024 19:32:29 +0100 Subject: [PATCH 4/5] Update vertical padding for report action context menu --- .../utils/generators/ReportActionContextMenuStyleUtils.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/styles/utils/generators/ReportActionContextMenuStyleUtils.ts b/src/styles/utils/generators/ReportActionContextMenuStyleUtils.ts index e8761468f640..b3f3a816d09a 100644 --- a/src/styles/utils/generators/ReportActionContextMenuStyleUtils.ts +++ b/src/styles/utils/generators/ReportActionContextMenuStyleUtils.ts @@ -45,7 +45,7 @@ const createReportActionContextMenuStyleUtils: StyleUtilGenerator Date: Sat, 15 Jun 2024 15:55:58 +0100 Subject: [PATCH 5/5] use variables.componentBorderRadiusLarge as variable for padding --- src/styles/index.ts | 2 +- src/styles/utils/generators/ModalStyleUtils.ts | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/src/styles/index.ts b/src/styles/index.ts index 5e04216b3431..c2935f512f2f 100644 --- a/src/styles/index.ts +++ b/src/styles/index.ts @@ -1700,7 +1700,7 @@ const styles = (theme: ThemeColors) => createMenuContainer: { width: variables.sideBarWidth - 40, - paddingVertical: 16, + paddingVertical: variables.componentBorderRadiusLarge, }, createMenuHeaderText: { diff --git a/src/styles/utils/generators/ModalStyleUtils.ts b/src/styles/utils/generators/ModalStyleUtils.ts index 1606c6dfe331..7f51b7727d6a 100644 --- a/src/styles/utils/generators/ModalStyleUtils.ts +++ b/src/styles/utils/generators/ModalStyleUtils.ts @@ -176,7 +176,7 @@ const createModalStyleUtils: StyleUtilGenerator = ({the width: '100%', borderTopLeftRadius: variables.componentBorderRadiusLarge, borderTopRightRadius: variables.componentBorderRadiusLarge, - paddingTop: 16, + paddingTop: variables.componentBorderRadiusLarge, justifyContent: 'center', overflow: 'hidden', };