Disallow invalid inline style comments in stylesheets (#9099)

res/css/components/views/beacon/_BeaconListItem.pcss

@@ -50,7 +50,7 @@ limitations under the License.
 }
 
 .mx_BeaconListItem_status {
-    // override beacon status padding
+    /* override beacon status padding */
     padding: 0 !important;
     margin-bottom: $spacing-8;
 

res/css/components/views/beacon/_BeaconViewDialog.pcss

@@ -29,7 +29,7 @@ limitations under the License.
     height: calc(80vh - 0.5px);
     overflow: hidden;
 
-    // sidebar is absolutely positioned inside
+    /* sidebar is absolutely positioned inside */
     position: relative;
 
     .mx_Dialog_header {

res/css/components/views/beacon/_LeftPanelLiveShareWarning.pcss

@@ -25,8 +25,8 @@ limitations under the License.
     color: #fff;
     font-size: $font-10px;
 
-    // panel backdrops overlay the whole sidepanel
-    // go above to get hover for title
+    /* panel backdrops overlay the whole sidepanel */
+    /* go above to get hover for title */
     z-index: 1;
 }
 

res/css/components/views/beacon/_OwnBeaconStatus.pcss

@@ -19,13 +19,13 @@ limitations under the License.
 }
 
 .mx_EventTile[data-layout="bubble"] .mx_OwnBeaconStatus_button {
-    // align to top to make room for timestamp
-    // in bubble view
+    /* align to top to make room for timestamp */
+    /* in bubble view */
     align-self: start;
 }
 
 .mx_OwnBeaconStatus_destructiveButton {
-    // override button link_inline styles
+    /* override button link_inline styles */
     color: $alert !important;
     font-weight: $font-semi-bold !important;
 }

res/css/components/views/beacon/_ShareLatestLocation.pcss

@@ -20,9 +20,9 @@ limitations under the License.
     color: $secondary-content;
 }
 
-// double class to be more specific than the general mx_CopyableText CSS rule
+/* double class to be more specific than the general mx_CopyableText CSS rule */
 .mx_CopyableText.mx_ShareLatestLocation_copy {
-    // override copyable text style to make compact
+    /* override copyable text style to make compact */
     .mx_CopyableText_copyButton {
         height: 13px;
         margin-left: $spacing-8 !important;

res/css/components/views/beacon/_StyledLiveBeaconIcon.pcss

@@ -25,7 +25,7 @@ limitations under the License.
     background-color: $location-live-color;
     border-color: $location-live-color;
     padding: 2px;
-    // colors icon
+    /* colors icon */
     color: white;
 }
 

res/css/components/views/location/_MapError.pcss

@@ -45,7 +45,7 @@ limitations under the License.
 
     .mx_MapError_heading {
         padding-top: $spacing-8;
-        // override h3 heading size
+        /* override h3 heading size */
         font-size: inherit !important;
         font-weight: normal !important;
     }

res/css/components/views/location/_Marker.pcss

@@ -29,7 +29,7 @@ limitations under the License.
     justify-content: center;
     align-items: center;
 
-    // caret down
+    /* caret down */
     &::before {
         content: '';
         border-left: 5px solid transparent;

res/css/components/views/location/_ShareType.pcss

@@ -62,7 +62,7 @@ limitations under the License.
     background-color: $accent;
     border-radius: 50%;
     border: 14px solid $accent;
-    // colors icon
+    /* colors icon */
     color: white;
     box-sizing: border-box;
 }
@@ -82,7 +82,7 @@ limitations under the License.
     border-style: solid;
     border-radius: 50%;
 
-    // Live is styled by StyledLiveBeaconIcon
+    /* Live is styled by StyledLiveBeaconIcon */
 
     &.Own {
         border-color: $accent;
@@ -92,7 +92,7 @@ limitations under the License.
         border-color: $accent;
         background-color: $accent;
         padding: 7px;
-        // colors icon
+        /* colors icon */
         color: white;
     }
 }

res/css/components/views/messages/_MBeaconBody.pcss

@@ -39,7 +39,7 @@ limitations under the License.
 }
 
 .mx_MBeaconBody_withoutMapInfoLastUpdated {
-    // 48px lines up with icon in BeaconStatus
+    /* 48px lines up with icon in BeaconStatus */
     margin-top: -$spacing-8;
     padding: 0 $spacing-8 $spacing-8 48px;
 
@@ -50,15 +50,15 @@ limitations under the License.
 .mx_MBeaconBody_map {
     height: 100%;
     width: 100%;
-    z-index: 0; // keeps the entire map under the message action bars
+    z-index: 0; /* keeps the entire map under the message action bars */
 
     cursor: pointer;
 }
 
 .mx_MBeaconBody_mapFallback,
 .mx_MBeaconBody_mapError {
-    // pushes spinner/icon up
-    // to appear more centered with the footer
+    /* pushes spinner/icon up */
+    /* to appear more centered with the footer */
     padding-bottom: 50px !important;
 }
 
@@ -83,6 +83,6 @@ limitations under the License.
 }
 
 .mx_ReplyTile .mx_MBeaconBody {
-    // Prevent clicking a beacon within a reply
+    /* Prevent clicking a beacon within a reply */
     pointer-events: none;
 }