usbharu
/
misskey
mirror of https://github.com/misskey-dev/misskey.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

🎨

This commit is contained in:
syuilo 2025-03-03 11:44:49 +09:00
parent 006670a207
commit 14a6a71a17
1 changed files with 16 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
packages/frontend/src/components/global/SearchMarker.vue
View File

@ -26,18 +26,31 @@ const highlighted = hash === props.markerId || (props.children && props.children
<style lang="scss" module>
.root {
position: relative;
}
.highlighted {
animation: blink 1s infinite;
&::after {
content: '';
position: absolute;
top: -8px;
left: -8px;
width: calc(100% + 16px);
height: calc(100% + 16px);
border-radius: 6px;
animation: blink 1s infinite;
pointer-events: none;
}
}
@keyframes blink {
0%, 100% {
box-shadow: 0 0 0 2px color(from var(--MI_THEME-accent) srgb r g b / 0.3);
background: color(from var(--MI_THEME-accent) srgb r g b / 0.05);
border: 1px solid color(from var(--MI_THEME-accent) srgb r g b / 0.3);
}
50% {
box-shadow: 0 0 0 2px transparent;
background: transparent;
border: 1px solid transparent;
}
}
</style>