This commit is contained in:
syuilo 2025-03-02 20:17:02 +09:00
parent 30def92b50
commit f6c3d273c6
4 changed files with 0 additions and 43 deletions

View File

@ -1,40 +0,0 @@
<!--
SPDX-FileCopyrightText: syuilo and misskey-project
SPDX-License-Identifier: AGPL-3.0-only
-->
<template>
<div :class="[$style.root, { [$style.highlighted]: highlighted }]">
<slot></slot>
</div>
</template>
<script lang="ts" setup>
import { onMounted, onUnmounted, ref, shallowRef } from 'vue';
const props = defineProps<{
markerId: string;
children?: string[];
}>();
const hash = window.location.hash.slice(1);
const highlighted = hash === props.markerId || (props.children && props.children.includes(hash));
</script>
<style lang="scss" module>
.root {
}
.highlighted {
animation: blink 1s infinite;
}
@keyframes blink {
0%, 100% {
box-shadow: 0 0 0 2px color(from var(--MI_THEME-accent) srgb r g b / 0.3);
}
50% {
box-shadow: 0 0 0 2px transparent;
}
}
</style>

View File

@ -188,7 +188,6 @@ import MkFolder from '@/components/MkFolder.vue';
import MkSwitch from '@/components/MkSwitch.vue';
import { defaultStore } from '@/store';
import { reloadAsk } from '@/scripts/reload-ask.js';
import MkSearchMarker from '@/components/MkSearchMarker.vue';
const $i = signinRequired();

View File

@ -258,7 +258,6 @@ import FormSlot from '@/components/form/slot.vue';
import { formatDateTimeString } from '@/scripts/format-time-string.js';
import MkInput from '@/components/MkInput.vue';
import * as os from '@/os.js';
import MkSearchMarker from '@/components/MkSearchMarker.vue';
const $i = signinRequired();

View File

@ -176,7 +176,6 @@ import MkButton from '@/components/MkButton.vue';
import MkInput from '@/components/MkInput.vue';
import MkSwitch from '@/components/MkSwitch.vue';
import MkSelect from '@/components/MkSelect.vue';
import MkSearchMarker from '@/components/MkSearchMarker.vue';
import FormSplit from '@/components/form/split.vue';
import MkFolder from '@/components/MkFolder.vue';
import FormSlot from '@/components/form/slot.vue';