Rename EncryptionDetails css classes

element-hq · Jan 13, 2025 · 9841d92 · 9841d92
1 parent a2a2512
commit 9841d92
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 9 deletions.
diff --git a/res/css/views/settings/encryption/_AdvancedPanel.pcss b/res/css/views/settings/encryption/_AdvancedPanel.pcss
@@ -5,15 +5,15 @@
  * Please see LICENSE files in the repository root for full details.
  */
 
-.mx_AdvancedPanel_Details,
+.mx_EncryptionDetails,
 .mx_OtherSettings {
     display: flex;
     flex-direction: column;
     gap: var(--cpd-space-6x);
     width: 100%;
     align-items: start;
 
-    .mx_AdvancedPanel_Details_title,
+    .mx_EncryptionDetails_session_title,
     .mx_OtherSettings_title {
         font: var(--cpd-font-body-lg-semibold);
         padding-bottom: var(--cpd-space-2x);
@@ -22,8 +22,8 @@
     }
 }
 
-.mx_AdvancedPanel_Details {
-    .mx_AdvancedPanel_Details_content {
+.mx_EncryptionDetails {
+    .mx_EncryptionDetails_session {
         display: flex;
         flex-direction: column;
         gap: var(--cpd-space-4x);
@@ -43,7 +43,7 @@
         }
     }
 
-    .mx_AdvancedPanel_buttons {
+    .mx_EncryptionDetails_buttons {
         display: flex;
         gap: var(--cpd-space-4x);
     }

diff --git a/src/components/views/settings/encryption/AdvancedPanel.tsx b/src/components/views/settings/encryption/AdvancedPanel.tsx
@@ -61,9 +61,9 @@ function EncryptionDetails({ onResetIdentityClick }: EncryptionDetails): JSX.Ele
     );
 
     return (
-        <div className="mx_AdvancedPanel_Details">
-            <div className="mx_AdvancedPanel_Details_content">
-                <span className="mx_AdvancedPanel_Details_title">
+        <div className="mx_EncryptionDetails">
+            <div className="mx_EncryptionDetails_session">
+                <span className="mx_EncryptionDetails_session_title">
                     {_t("settings|encryption|advanced|details_title")}
                 </span>
                 <div>
@@ -75,7 +75,7 @@ function EncryptionDetails({ onResetIdentityClick }: EncryptionDetails): JSX.Ele
                     <span>{keys ? keys.ed25519 : <InlineSpinner />}</span>
                 </div>
             </div>
-            <div className="mx_AdvancedPanel_buttons">
+            <div className="mx_EncryptionDetails_buttons">
                 <Button
                     size="sm"
                     kind="secondary"