diff --git a/packages/frontend/src/components/global/MkUrl.vue b/packages/frontend/src/components/global/MkUrl.vue index e3fdabe38..27c8329dc 100644 --- a/packages/frontend/src/components/global/MkUrl.vue +++ b/packages/frontend/src/components/global/MkUrl.vue @@ -14,7 +14,7 @@ <span v-if="pathname != ''" :class="$style.pathname">{{ self ? pathname.substring(1) : pathname }}</span> <span :class="$style.query">{{ query }}</span> <span :class="$style.hash">{{ hash }}</span> - <i v-if="target === '_blank'" class="ti ti-external-link icon"></i> + <i v-if="target === '_blank'" :class="$style.icon" class="ti ti-external-link"></i> </component> </template> diff --git a/packages/frontend/src/style.scss b/packages/frontend/src/style.scss index 2c8c6c9e7..4c6b76435 100644 --- a/packages/frontend/src/style.scss +++ b/packages/frontend/src/style.scss @@ -98,10 +98,15 @@ a { color: inherit; tap-highlight-color: transparent; -webkit-tap-highlight-color: transparent; + -webkit-touch-callout: none; &:hover { text-decoration: underline; } + + &[target="_blank"] { + -webkit-touch-callout: default; + } } textarea, input {