Stop using :not() pseudo class for mx_MImageBody to decrease the spec…

…ificity of the rule for images on file panel (#8886)
matrix-org · Jun 25, 2022 · 4ad8b19 · 4ad8b19
1 parent 9a94586
commit 4ad8b19
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 6 deletions.
diff --git a/res/css/structures/_FilePanel.scss b/res/css/structures/_FilePanel.scss
@@ -55,10 +55,6 @@ limitations under the License.
     }
 }
 
-.mx_FilePanel .mx_EventTile .mx_MImageBody {
-    margin-right: 0px;
-}
-
 .mx_FilePanel .mx_EventTile .mx_MFileBody {
     line-height: 2.4rem;
 }

diff --git a/res/css/views/rooms/_EventTile.scss b/res/css/views/rooms/_EventTile.scss
@@ -72,6 +72,13 @@ $threadInfoLineHeight: calc(2 * $font-12px); // See: _commons.scss
         gap: $spacing-4;
     }
 
+    &[data-layout=irc],
+    &[data-layout=group] {
+        .mx_MImageBody {
+            margin-right: 34px;
+        }
+    }
+
     &[data-layout=group] {
         > .mx_DisambiguatedProfile {
             line-height: $font-20px;
@@ -275,8 +282,6 @@ $threadInfoLineHeight: calc(2 * $font-12px); // See: _commons.scss
     }
 
     .mx_MImageBody {
-        margin-right: 34px;
-
         .mx_MImageBody_thumbnail_container {
             justify-content: flex-start;
             min-height: $font-44px;