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

17
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> <style lang="scss" module>
.root { .root {
position: relative;
} }
.highlighted { .highlighted {
&::after {
content: '';
position: absolute;
top: -8px;
left: -8px;
width: calc(100% + 16px);
height: calc(100% + 16px);
border-radius: 6px;
animation: blink 1s infinite; animation: blink 1s infinite;
pointer-events: none;
}
} }
@keyframes blink { @keyframes blink {
0%, 100% { 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% { 50% {
box-shadow: 0 0 0 2px transparent; background: transparent;
border: 1px solid transparent;
} }
} }
</style> </style>