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%; } }