change approach to disable all, enable some

src/components/status/status.scss

@@ -59,9 +59,12 @@ $status-margin: 0.75em;
     justify-content: flex-end;
   }
 
-  .user-avatar {
-    ._misclick-prevention & {
-      pointer-events: none !important;
+  ._misclick-prevention & {
+    pointer-events: none;
+
+    .attachments {
+      pointer-events: initial;
+      cursor: initial;
     }
   }
 
@@ -114,10 +117,6 @@ $status-margin: 0.75em;
     a {
       display: inline-block;
       word-break: break-all;
-
-      ._misclick-prevention & {
-        pointer-events: none !important;
-      }
     }
   }
 
@@ -260,10 +259,6 @@ $status-margin: 0.75em;
       vertical-align: middle;
       object-fit: contain;
     }
-
-    ._misclick-prevention & a {
-      pointer-events: none !important;
-    }
   }
 
   .status-fadein {

src/components/status/status.vue

@@ -119,7 +119,6 @@
         >
           <router-link
             :to="userProfileLink"
-            class="user-avatar"
             @click.stop.prevent.capture.native="toggleUserExpanded"
           >
             <UserAvatar