From 1296516160ed8e41216ec5a395fb21a837289d32 Mon Sep 17 00:00:00 2001 From: ThatOneCalculator Date: Sun, 9 Jul 2023 20:01:01 -0700 Subject: [PATCH] Revert "style: link underlines" This reverts commit 46d97d49a2298c1b8c1537ef1ed3eff376b49285. --- packages/client/src/components/MkUrlPreview.vue | 3 +-- packages/client/src/components/global/MkUrl.vue | 2 -- packages/client/src/components/mfm.ts | 1 - packages/client/src/style.scss | 16 ++++------------ 4 files changed, 5 insertions(+), 17 deletions(-) diff --git a/packages/client/src/components/MkUrlPreview.vue b/packages/client/src/components/MkUrlPreview.vue index 8fa8092b8..6452e135d 100644 --- a/packages/client/src/components/MkUrlPreview.vue +++ b/packages/client/src/components/MkUrlPreview.vue @@ -196,7 +196,6 @@ onUnmounted(() => { > a { display: flex; transition: background 0.2s; - text-decoration: none; > div:first-child:not(:last-child) { position: relative; width: 90px; @@ -278,7 +277,7 @@ onUnmounted(() => { &:focus, &:focus-within { background: var(--panelHighlight); - h3 { + h1 { text-decoration: underline; } } diff --git a/packages/client/src/components/global/MkUrl.vue b/packages/client/src/components/global/MkUrl.vue index 3453bf5ed..98ba8d94e 100644 --- a/packages/client/src/components/global/MkUrl.vue +++ b/packages/client/src/components/global/MkUrl.vue @@ -80,8 +80,6 @@ const target = self ? null : "_blank"; display: inline-block; overflow: clip; text-overflow: ellipsis; - text-decoration: none !important; - line-height: 1.05; > .icon { padding-left: 2px; diff --git a/packages/client/src/components/mfm.ts b/packages/client/src/components/mfm.ts index 63465f38b..cb0942a33 100644 --- a/packages/client/src/components/mfm.ts +++ b/packages/client/src/components/mfm.ts @@ -409,7 +409,6 @@ export default defineComponent({ key: Math.random(), to: `/tags/${encodeURIComponent(token.props.hashtag)}`, style: "color:var(--hashtag);", - class: "_link", }, `#${token.props.hashtag}`, ), diff --git a/packages/client/src/style.scss b/packages/client/src/style.scss index be12f8b15..a6ef73015 100644 --- a/packages/client/src/style.scss +++ b/packages/client/src/style.scss @@ -145,9 +145,6 @@ a { cursor: pointer; color: inherit; -webkit-tap-highlight-color: transparent; - &:hover { - text-decoration: underline; - } } // i { @@ -232,7 +229,6 @@ hr { font-size: 1em; font-family: inherit; line-height: inherit; - text-decoration: none; &, * { @@ -632,22 +628,18 @@ hr { ._link { position: relative; color: var(--link); - text-decoration: none !important; - &::before, &::after { + &:after { content: ""; position: absolute; bottom: 0; left: 0; width: 0%; - border-bottom: 1px solid var(--link); + border-bottom: 2px solid var(--link); transition: 0.3s ease-in-out; } - &::before { - width: 100%; - opacity: .4; - } - &:hover:after, &:focus:after { + + &:hover:after { width: 100%; } }