From e78b15b9f010d366ed47b1019e5110e2cc286a04 Mon Sep 17 00:00:00 2001 From: Clarence Dan Date: Fri, 18 Aug 2023 17:12:02 +0800 Subject: [PATCH 1/3] Update chat.module.scss Specify styles for iOS devices. --- app/components/chat.module.scss | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/app/components/chat.module.scss b/app/components/chat.module.scss index d407d28e..77b6ae1a 100644 --- a/app/components/chat.module.scss +++ b/app/components/chat.module.scss @@ -349,6 +349,14 @@ padding: 7px; } } + /* Specific styles for iOS devices */ + @media screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 2) { + @supports (-webkit-touch-callout: none) { + .chat-message-edit { + top: -10%; + } + } + } } .chat-message-status { From 16685ddb6c49099eeee718c5abe96c256427eb90 Mon Sep 17 00:00:00 2001 From: Clarence Dan Date: Fri, 18 Aug 2023 17:21:58 +0800 Subject: [PATCH 2/3] Update chat.module.scss --- app/components/chat.module.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/app/components/chat.module.scss b/app/components/chat.module.scss index 77b6ae1a..16790ccb 100644 --- a/app/components/chat.module.scss +++ b/app/components/chat.module.scss @@ -353,7 +353,7 @@ @media screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 2) { @supports (-webkit-touch-callout: none) { .chat-message-edit { - top: -10%; + top: -8%; } } } From aa3f96f89cfdf92cc23f338bc6e11c54bc1c4bae Mon Sep 17 00:00:00 2001 From: Clarence Dan <48417261+ClarenceDan@users.noreply.github.com> Date: Fri, 18 Aug 2023 18:18:16 +0800 Subject: [PATCH 3/3] Update globals.scss --- app/styles/globals.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/app/styles/globals.scss b/app/styles/globals.scss index beb30d78..def28680 100644 --- a/app/styles/globals.scss +++ b/app/styles/globals.scss @@ -349,7 +349,7 @@ pre { justify-content: center; border: var(--border-in-light); box-shadow: var(--card-shadow); - border-radius: 10px; + border-radius: 11px; } .one-line {