pleroma-fe

commit: 2cd8a3ec8d7b45501fb845e11cbb0977c930ab38
parent 0ef58696bf6767f54083049f0c218816449d486d
Author: HJ <30-hj@users.noreply.git.pleroma.social>
Date:   Tue, 22 Mar 2022 08:24:42 +0000

Merge branch 'fix-mobile-avatars' into 'develop'

fix avatars in mobile view

See merge request pleroma/pleroma-fe!1479
Diffstat:
M
src/components/status/status.scss
6
+++---

1 file changed, 3 insertions(+), 3 deletions(-)
diff --git a/src/components/status/status.scss b/src/components/status/status.scss
@@ -402,17 +402,17 @@
   }
 
   @media all and (max-width: 800px) {
-    .repeater-avatar {
+    > .repeater-avatar {
       margin-left: 20px;
     }
 
-    .avatar:not(.repeater-avatar) {
+    > .avatar:not(.repeater-avatar) {
       width: 40px;
       height: 40px;
 
       // TODO define those other way somehow?
       // stylelint-disable rscss/class-format
-      &.avatar-compact {
+      &.-compact {
         width: 32px;
         height: 32px;
       }