disable link hover effect for now
This commit is contained in:
parent
aa97271f30
commit
e3dd9ed3c9
5 changed files with 29 additions and 28 deletions
|
@ -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)
|
||||
|
|
|
@ -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",
|
||||
|
|
|
@ -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'"
|
||||
|
|
|
@ -297,6 +297,7 @@ onUnmounted(() => {
|
|||
margin-right: 8px;
|
||||
width: 16px;
|
||||
text-align: center;
|
||||
transform: translate(0em);
|
||||
}
|
||||
|
||||
> .title {
|
||||
|
|
|
@ -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 {
|
||||
|
|
Loading…
Reference in a new issue