Browse Source

Update chat.module.scss

Specify styles for iOS devices.
Clarence Dan 1 year ago
parent
commit
e78b15b9f0
1 changed files with 8 additions and 0 deletions
  1. 8 0
      app/components/chat.module.scss

+ 8 - 0
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 {