Nesting - .mx_AccessSecretStorageDialog_titleWithIcon

Signed-off-by: Suguru Hirahara <[email protected]>

Author: luixxiul

res/css/views/dialogs/security/_AccessSecretStorageDialog.scss

@@ -15,31 +15,33 @@ limitations under the License.
 */
 
 .mx_AccessSecretStorageDialog {
-    .mx_AccessSecretStorageDialog_titleWithIcon::before {
-        content: '';
-        display: inline-block;
-        width: 24px;
-        height: 24px;
-        margin-inline-end: $spacing-8;
-        position: relative;
-        top: 5px; // TODO: spacing variable
-        background-color: $primary-content;
-    }
-
     .mx_Dialog_header {
-        .mx_AccessSecretStorageDialog_resetBadge::before {
-            // The image isn't capable of masking, so we use a background instead.
-            background-image: url("$(res)/img/element-icons/warning-badge.svg");
-            background-size: 24px;
-            background-color: transparent;
-        }
+        .mx_AccessSecretStorageDialog_titleWithIcon {
+            &::before {
+                content: '';
+                display: inline-block;
+                width: 24px;
+                height: 24px;
+                margin-inline-end: $spacing-8;
+                position: relative;
+                top: 5px; // TODO: spacing variable
+                background-color: $primary-content;
+            }
 
-        .mx_AccessSecretStorageDialog_secureBackupTitle::before {
-            mask-image: url('$(res)/img/feather-customised/secure-backup.svg');
-        }
+            &.mx_AccessSecretStorageDialog_resetBadge::before {
+                // The image isn't capable of masking, so we use a background instead.
+                background-image: url("$(res)/img/element-icons/warning-badge.svg");
+                background-size: 24px;
+                background-color: transparent;
+            }
 
-        .mx_AccessSecretStorageDialog_securePhraseTitle::before {
-            mask-image: url('$(res)/img/feather-customised/secure-phrase.svg');
+            &.mx_AccessSecretStorageDialog_secureBackupTitle::before {
+                mask-image: url('$(res)/img/feather-customised/secure-backup.svg');
+            }
+
+            &.mx_AccessSecretStorageDialog_securePhraseTitle::before {
+                mask-image: url('$(res)/img/feather-customised/secure-phrase.svg');
+            }
         }
     }