feat: fix width of empty read receipts group

matrix-org · Apr 22, 2022 · 248a892 · 248a892
1 parent b5d9aa1
commit 248a892
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 6 deletions.
diff --git a/res/css/views/rooms/_ReadReceiptGroup.scss b/res/css/views/rooms/_ReadReceiptGroup.scss
@@ -49,7 +49,6 @@ limitations under the License.
         position: relative;
         display: block;
         height: 100%;
-        width: 36px;
 
         .mx_BaseAvatar {
             position: absolute;

diff --git a/src/components/views/rooms/ReadReceiptGroup.tsx b/src/components/views/rooms/ReadReceiptGroup.tsx
@@ -32,7 +32,7 @@ import { useRovingTabIndex } from "../../../accessibility/RovingTabIndex";
 
 const MAX_READ_AVATARS = 3;
 const READ_AVATAR_OFFSET = 10;
-const READ_AVATAR_SIZE = 16;
+export const READ_AVATAR_SIZE = 16;
 
 interface Props {
     readReceipts: IReadReceiptProps[];
@@ -75,10 +75,7 @@ export function ReadReceiptGroup(
             <div className="mx_EventTile_msgOption">
                 <div className="mx_ReadReceiptGroup">
                     <div className="mx_ReadReceiptGroup_button">
-                        <span
-                            className="mx_ReadReceiptGroup_container"
-                            style={{ width: READ_AVATAR_SIZE }}
-                        />
+                        <span className="mx_ReadReceiptGroup_container" />
                     </div>
                 </div>
             </div>