Disallow invalid inline style comments in stylesheets (#9099)

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

@@ -23,12 +23,12 @@ limitations under the License.
             height: 24px;
             margin-inline-end: $spacing-8;
             position: relative;
-            top: 5px; // TODO: spacing variable
+            top: 5px; /* TODO: spacing variable */
             background-color: $primary-content;
         }
 
         &.mx_AccessSecretStorageDialog_resetBadge::before {
-            // The image isn't capable of masking, so we use a background instead.
+            /* 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;
@@ -81,7 +81,7 @@ limitations under the License.
                 mask-repeat: no-repeat;
                 mask-position: center;
                 mask-size: 20px;
-                margin-inline-end: 5px; // TODO: spacing variable
+                margin-inline-end: 5px; /* TODO: spacing variable */
             }
 
             &.mx_AccessSecretStorageDialog_recoveryKeyFeedback--valid {
@@ -104,12 +104,12 @@ limitations under the License.
         }
 
         .mx_Dialog_buttons {
-            $spacingStart: $spacing-24;  // 16px icon + 8px padding
+            $spacingStart: $spacing-24;  /* 16px icon + 8px padding */
 
             text-align: initial;
             display: flex;
             flex-flow: column;
-            gap: 14px;  // TODO: spacing variable
+            gap: 14px;  /* TODO: spacing variable */
 
             .mx_Dialog_buttons_additive {
                 float: none;
@@ -125,7 +125,7 @@ limitations under the License.
                         height: 16px;
                         width: 16px;
                         left: 0;
-                        top: 2px; // alignment
+                        top: 2px; /* alignment */
                         background-image: url("$(res)/img/element-icons/warning-badge.svg");
                         background-size: contain;
                     }
@@ -137,7 +137,7 @@ limitations under the License.
             }
 
             .mx_Dialog_buttons_row {
-                gap: $spacing-16; // TODO: needs normalization
+                gap: $spacing-16; /* TODO: needs normalization */
                 padding-inline-start: $spacingStart;
             }
         }

res/css/views/dialogs/security/_CreateCrossSigningDialog.pcss

@@ -15,15 +15,15 @@ limitations under the License.
 */
 
 .mx_CreateCrossSigningDialog {
-    // Why you ask? Because CompleteSecurityBody is 600px so this is the width
-    // we end up when in there, but when in our own dialog we set our own width
-    // so need to fix it to something sensible as otherwise we'd end up either
-    // really wide or really narrow depending on the phase. I bet you wish you
-    // never asked.
+    /* Why you ask? Because CompleteSecurityBody is 600px so this is the width */
+    /* we end up when in there, but when in our own dialog we set our own width */
+    /* so need to fix it to something sensible as otherwise we'd end up either */
+    /* really wide or really narrow depending on the phase. I bet you wish you */
+    /* never asked. */
     width: 560px;
 
     details .mx_AccessibleButton {
-        margin: 1em 0; // emulate paragraph spacing because we can't put this button in a paragraph due to HTML rules
+        margin: 1em 0; /* emulate paragraph spacing because we can't put this button in a paragraph due to HTML rules */
     }
 }
 

res/css/views/dialogs/security/_CreateKeyBackupDialog.pcss

@@ -77,6 +77,6 @@ limitations under the License.
 
 .mx_CreateKeyBackupDialog {
     details .mx_AccessibleButton {
-        margin: 1em 0; // emulate paragraph spacing because we can't put this button in a paragraph due to HTML rules
+        margin: 1em 0; /* emulate paragraph spacing because we can't put this button in a paragraph due to HTML rules */
     }
 }

res/css/views/dialogs/security/_CreateSecretStorageDialog.pcss

@@ -16,11 +16,11 @@ limitations under the License.
 */
 
 .mx_CreateSecretStorageDialog {
-    // Why you ask? Because CompleteSecurityBody is 600px so this is the width
-    // we end up when in there, but when in our own dialog we set our own width
-    // so need to fix it to something sensible as otherwise we'd end up either
-    // really wide or really narrow depending on the phase. I bet you wish you
-    // never asked.
+    /* Why you ask? Because CompleteSecurityBody is 600px so this is the width */
+    /* we end up when in there, but when in our own dialog we set our own width */
+    /* so need to fix it to something sensible as otherwise we'd end up either */
+    /* really wide or really narrow depending on the phase. I bet you wish you */
+    /* never asked. */
     width: 560px;
 
     .mx_SettingsFlag {
@@ -39,7 +39,7 @@ limitations under the License.
     }
 
     details .mx_AccessibleButton {
-        margin: 1em 0; // emulate paragraph spacing because we can't put this button in a paragraph due to HTML rules
+        margin: 1em 0; /* emulate paragraph spacing because we can't put this button in a paragraph due to HTML rules */
     }
 }