Hide MessageActionBar on message edit history dialog if neither redac…

…t nor view source button is rendered inside it Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
matrix-org · Mar 24, 2023 · 247e7d2 · 247e7d2
1 parent 75f31de
commit 247e7d2
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 7 deletions.
diff --git a/res/css/views/dialogs/_MessageEditHistoryDialog.pcss b/res/css/views/dialogs/_MessageEditHistoryDialog.pcss
@@ -74,13 +74,20 @@ limitations under the License.
         }
     }
 
-    .mx_MessageActionBar .mx_AccessibleButton {
-        display: flex;
-        align-items: center;
+    .mx_MessageActionBar {
+        &.mx_MessageActionBar--noButton {
+            /* Hide if neither redact nor view source button is rendered inside it */
+            display: none;
+        }
+
+        .mx_AccessibleButton {
+            display: flex;
+            align-items: center;
 
-        padding-inline-start: $spacing-8;
-        padding-inline-end: $spacing-8;
+            padding-inline-start: $spacing-8;
+            padding-inline-end: $spacing-8;
 
-        font-size: $font-15px;
+            font-size: $font-15px;
+        }
     }
 }
diff --git a/src/components/views/messages/EditHistoryMessage.tsx b/src/components/views/messages/EditHistoryMessage.tsx
@@ -141,9 +141,13 @@ export default class EditHistoryMessage extends React.PureComponent<IProps, ISta
             );
         }
 
+        const classes = classNames("mx_MessageActionBar", {
+            "mx_MessageActionBar--noButton": !SettingsStore.getValue("developerMode") && !redactButton,
+        });
+
         // disabled remove button when not allowed
         return (
-            <div className="mx_MessageActionBar">
+            <div className={classes}>
                 {redactButton}
                 {viewSourceButton}
             </div>