Update chat.module.scss

Specify styles for iOS devices.
2023-08-18 17:12:02 +08:00 · 2023-08-18 17:12:02 +08:00 · e78b15b9f0
parent 5a7ec38ecd
commit e78b15b9f0
1 changed files with 8 additions and 0 deletions
--- 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 {