only apply hover effect to link

This commit is contained in:
ThatOneCalculator 2022-11-06 19:18:27 -08:00
parent 3b9fda8f05
commit b09c8d5792
2 changed files with 20 additions and 19 deletions

View file

@ -48,7 +48,6 @@
- Star as default reaction - Star as default reaction
- Like/star button - Like/star button
- Rosé Pine by default (+ non-themable elements made Rosé Pine) - Rosé Pine by default (+ non-themable elements made Rosé Pine)
- Phosphor icons instead of FontAwesome
- Better sidebar/navbar - Better sidebar/navbar
- Add back groups - Add back groups
- Integrate groups UI into chats UI - Integrate groups UI into chats UI
@ -81,6 +80,8 @@
- Update notifier - Update notifier
- Allow admins to set logo URL via admin settings - Allow admins to set logo URL via admin settings
- Allow importing follows from Pixelfed - Allow importing follows from Pixelfed
- Phosphor icons instead of FontAwesome
- Cool link hover effect
- Obliteration of Ai-chan - Obliteration of Ai-chan
- [Make showing ads optional](https://github.com/misskey-dev/misskey/pull/8996) - [Make showing ads optional](https://github.com/misskey-dev/misskey/pull/8996)
- [Tapping avatar in mobile opens account modal](https://github.com/misskey-dev/misskey/pull/9056) - [Tapping avatar in mobile opens account modal](https://github.com/misskey-dev/misskey/pull/9056)

View file

@ -96,24 +96,6 @@ a {
color: inherit; color: inherit;
tap-highlight-color: transparent; tap-highlight-color: transparent;
-webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color: transparent;
&::after {
content: '';
position: absolute;
width: 100%;
transform: scaleX(0);
height: 2px;
bottom: 0;
left: 0;
background-color: var(--link);
transform-origin: bottom right;
transition: transform 0.25s ease-out;
}
&:hover::after {
transform: scaleX(1);
transform-origin: bottom left;
}
} }
i { i {
@ -500,6 +482,24 @@ hr {
._link { ._link {
color: var(--link); color: var(--link);
&::after {
content: '';
position: absolute;
width: 100%;
transform: scaleX(0);
height: 2px;
bottom: 0;
left: 0;
background-color: var(--link);
transform-origin: bottom right;
transition: transform 0.25s ease-out;
}
&:hover::after {
transform: scaleX(1);
transform-origin: bottom left;
}
} }
._caption { ._caption {