disable link hover effect for now

This commit is contained in:
ThatOneCalculator 2022-11-06 19:29:42 -08:00
parent aa97271f30
commit e3dd9ed3c9
5 changed files with 29 additions and 28 deletions

View file

@ -25,6 +25,7 @@
- Make your password hasn't been pwned
- Admin custom CSS
- Add back time machine (jump to date)
- Link hover effect
- Improve accesibility score
<details><summary>Current Misskey score is 57/100</summary>
@ -81,7 +82,6 @@
- Allow admins to set logo URL via admin settings
- Allow importing follows from Pixelfed
- Phosphor icons instead of FontAwesome
- Cool link hover effect
- Obliteration of Ai-chan
- [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)

View file

@ -1,6 +1,6 @@
{
"name": "calckey",
"version": "12.119.0-calc.8-b.5",
"version": "12.119.0-calc.8-b.6",
"codename": "aqua",
"repository": {
"type": "git",

View file

@ -5,16 +5,16 @@
<MkAvatar v-else-if="notification.user" class="icon" :user="notification.user"/>
<img v-else-if="notification.icon" class="icon" :src="notification.icon" alt=""/>
<div class="sub-icon" :class="notification.type">
<i v-if="notification.type === 'follow'" class="ph-plus-bold ph-lg"></i>
<i v-else-if="notification.type === 'receiveFollowRequest'" class="ph-clock-bold ph-lg"></i>
<i v-else-if="notification.type === 'followRequestAccepted'" class="ph-check-bold ph-lg"></i>
<i v-else-if="notification.type === 'groupInvited'" class="ph-identification-card-bold ph-lg"></i>
<i v-else-if="notification.type === 'renote'" class="ph-repeat-bold ph-lg"></i>
<i v-else-if="notification.type === 'reply'" class="ph-arrow-bend-up-left-bold ph-lg"></i>
<i v-else-if="notification.type === 'mention'" class="ph-at-bold ph-lg"></i>
<i v-else-if="notification.type === 'quote'" class="ph-quotes-bold ph-lg"></i>
<i v-else-if="notification.type === 'pollVote'" class="ph-microphone-stage-bold ph-lg"></i>
<i v-else-if="notification.type === 'pollEnded'" class="ph-microphone-stage-bold ph-lg"></i>
<i v-if="notification.type === 'follow'" class="ph-plus-bold"></i>
<i v-else-if="notification.type === 'receiveFollowRequest'" class="ph-clock-bold"></i>
<i v-else-if="notification.type === 'followRequestAccepted'" class="ph-check-bold"></i>
<i v-else-if="notification.type === 'groupInvited'" class="ph-identification-card-bold"></i>
<i v-else-if="notification.type === 'renote'" class="ph-repeat-bold"></i>
<i v-else-if="notification.type === 'reply'" class="ph-arrow-bend-up-left-bold"></i>
<i v-else-if="notification.type === 'mention'" class="ph-at-bold"></i>
<i v-else-if="notification.type === 'quote'" class="ph-quotes-bold"></i>
<i v-else-if="notification.type === 'pollVote'" class="ph-microphone-stage-bold"></i>
<i v-else-if="notification.type === 'pollEnded'" class="ph-microphone-stage-bold"></i>
<!-- notification.reaction null になることはまずないがここでoptional chaining使うと一部ブラウザで刺さるので念の為 -->
<XReactionIcon
v-else-if="notification.type === 'reaction'"

View file

@ -297,6 +297,7 @@ onUnmounted(() => {
margin-right: 8px;
width: 16px;
text-align: center;
transform: translate(0em);
}
> .title {

View file

@ -483,23 +483,23 @@ hr {
._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;
}
// &::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;
}
// &:hover::after {
// transform: scaleX(1);
// transform-origin: bottom left;
// }
}
._caption {