diff --git a/src/components/extra_buttons/extra_buttons.vue b/src/components/extra_buttons/extra_buttons.vue index 984b0483..a33f6e87 100644 --- a/src/components/extra_buttons/extra_buttons.vue +++ b/src/components/extra_buttons/extra_buttons.vue @@ -120,9 +120,5 @@ color: $fallback--text; color: var(--text, $fallback--text); } - - ._misclick-prevention & { - pointer-events: none !important; - } } </style> diff --git a/src/components/favorite_button/favorite_button.vue b/src/components/favorite_button/favorite_button.vue index 55872133..dfe12f86 100644 --- a/src/components/favorite_button/favorite_button.vue +++ b/src/components/favorite_button/favorite_button.vue @@ -35,10 +35,6 @@ color: $fallback--cOrange; color: var(--cOrange, $fallback--cOrange); } - - ._misclick-prevention & { - pointer-events: none !important; - } } &.-favorited { diff --git a/src/components/react_button/react_button.vue b/src/components/react_button/react_button.vue index bb4472d7..95d95b11 100644 --- a/src/components/react_button/react_button.vue +++ b/src/components/react_button/react_button.vue @@ -107,10 +107,6 @@ color: $fallback--text; color: var(--text, $fallback--text); } - - ._misclick-prevention & { - pointer-events: none !important; - } } </style> diff --git a/src/components/reply_button/reply_button.vue b/src/components/reply_button/reply_button.vue index 4ca37d5e..a0ac8941 100644 --- a/src/components/reply_button/reply_button.vue +++ b/src/components/reply_button/reply_button.vue @@ -34,10 +34,6 @@ color: $fallback--cBlue; color: var(--cBlue, $fallback--cBlue); } - - ._misclick-prevention & { - pointer-events: none !important; - } } } </style> diff --git a/src/components/retweet_button/retweet_button.vue b/src/components/retweet_button/retweet_button.vue index b79fcd75..b234f3d9 100644 --- a/src/components/retweet_button/retweet_button.vue +++ b/src/components/retweet_button/retweet_button.vue @@ -45,10 +45,6 @@ color: $fallback--cGreen; color: var(--cGreen, $fallback--cGreen); } - - ._misclick-prevention & { - pointer-events: none !important; - } } &.-repeated { diff --git a/src/components/status/status.scss b/src/components/status/status.scss index 769f7ef4..0a94de32 100644 --- a/src/components/status/status.scss +++ b/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 { diff --git a/src/components/status/status.vue b/src/components/status/status.vue index eb54befc..21412faa 100644 --- a/src/components/status/status.vue +++ b/src/components/status/status.vue @@ -119,7 +119,6 @@ > <router-link :to="userProfileLink" - class="user-avatar" @click.stop.prevent.capture.native="toggleUserExpanded" > <UserAvatar diff --git a/src/components/status_content/status_content.vue b/src/components/status_content/status_content.vue index e3875498..321cd477 100644 --- a/src/components/status_content/status_content.vue +++ b/src/components/status_content/status_content.vue @@ -240,10 +240,6 @@ $status-margin: 0.75em; word-wrap: break-word; word-break: break-word; - ._misclick-prevention & :not(.attachments) a { - pointer-events: none !important; - } - blockquote { margin: 0.2em 0 0.2em 2em; font-style: italic; diff --git a/src/components/user_card/user_card.vue b/src/components/user_card/user_card.vue index d1cfe654..f916af9d 100644 --- a/src/components/user_card/user_card.vue +++ b/src/components/user_card/user_card.vue @@ -282,10 +282,6 @@ .user-card { position: relative; - ._misclick-prevention & { - pointer-events: none !important; - } - &:hover .Avatar { --_still-image-img-visibility: visible; --_still-image-canvas-visibility: hidden;