username effect disable

Pony-House · Aug 15, 2023 · 223a35a · 223a35a
1 parent 1783a93
commit 223a35a
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/app/molecules/message/Message.jsx b/src/app/molecules/message/Message.jsx
@@ -76,8 +76,8 @@ const MessageHeader = React.memo(({
 
   return (
     <span className='username-base emoji-size-fix' style={{ color: colorMXID(userId) }}>
-      <span className='username'>{tinyUsername}</span>
-      <span className='user-id'>{!appAppearance.isUNhoverDisabled ? twemojifyReact(userId) : tinyUsername}</span>
+      <span className={`username${!appAppearance.isUNhoverDisabled ? '' : ' disable-username'}`}>{tinyUsername}</span>
+      <span className={`user-id${!appAppearance.isUNhoverDisabled ? '' : ' disable-username'}`}>{!appAppearance.isUNhoverDisabled ? twemojifyReact(userId) : tinyUsername}</span>
     </span>
   );
 

diff --git a/src/scss/Message.scss b/src/scss/Message.scss
@@ -232,10 +232,10 @@
   .hc-time {
     display: block;
   }
-  .username {
+  .username:not(.disable-username) {
     display: none;
   }
-  .user-id {
+  .user-id:not(.disable-username) {
     display: inline-block;
   }
   .message__options {