usbharu
/
misskey
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

refactor(frontend): remove undefined css rules (#17051)

This commit is contained in:
かっこかり 2025-12-31 13:42:59 +09:00 committed by GitHub
parent 404fca6c2d
commit ff7d2c1083
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
22 changed files with 29 additions and 46 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
packages/frontend/src/components/MkDrive.vue
View File

@ -69,7 +69,6 @@ SPDX-License-Identifier: AGPL-3.0-only
v-for="(f, i) in foldersPaginator.items.value" v-for="(f, i) in foldersPaginator.items.value"
:key="f.id" :key="f.id"
v-anim="i" v-anim="i"
:class="$style.folder"
:folder="f" :folder="f"
:selectMode="select === 'folder'" :selectMode="select === 'folder'"
:isSelected="selectedFolders.some(x => x.id === f.id)" :isSelected="selectedFolders.some(x => x.id === f.id)"
@ -102,7 +101,6 @@ SPDX-License-Identifier: AGPL-3.0-only
> >
<XFile <XFile
v-for="file in item.items" :key="file.id" v-for="file in item.items" :key="file.id"
:class="$style.file"
:file="file" :file="file"
:folder="folder" :folder="folder"
:isSelected="selectedFiles.some(x => x.id === file.id)" :isSelected="selectedFiles.some(x => x.id === file.id)"
@ -125,7 +123,6 @@ SPDX-License-Identifier: AGPL-3.0-only
> >
<XFile <XFile
v-for="file in filesPaginator.items.value" :key="file.id" v-for="file in filesPaginator.items.value" :key="file.id"
:class="$style.file"
:file="file" :file="file"
:folder="folder" :folder="folder"
:isSelected="selectedFiles.some(x => x.id === file.id)" :isSelected="selectedFiles.some(x => x.id === file.id)"

8
packages/frontend/src/components/MkFileListForAdmin.vue
View File

@ -6,7 +6,13 @@ SPDX-License-Identifier: AGPL-3.0-only
<template> <template>
<div> <div>
<MkPagination v-slot="{ items }" :paginator="paginator"> <MkPagination v-slot="{ items }" :paginator="paginator">
<div :class="[$style.fileList, { [$style.grid]: viewMode === 'grid', [$style.list]: viewMode === 'list', '_gaps_s': viewMode === 'list' }]"> <div
:class="{
[$style.grid]: viewMode === 'grid',
[$style.list]: viewMode === 'list',
'_gaps_s': viewMode === 'list',
}"
>
<MkA <MkA
v-for="file in items" v-for="file in items"
:key="file.id" :key="file.id"

2
packages/frontend/src/components/MkMenu.vue
View File

@ -39,7 +39,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<span><MkEllipsis/></span> <span><MkEllipsis/></span>
</span> </span>
<div v-else-if="item.type === 'component'" role="menuitem" tabindex="-1" :class="[$style.componentItem]"> <div v-else-if="item.type === 'component'" role="menuitem" tabindex="-1">
<component :is="item.component" v-bind="item.props"/> <component :is="item.component" v-bind="item.props"/>
</div> </div>

4
packages/frontend/src/components/MkNoteDraftsDialog.vue
View File

@ -118,7 +118,6 @@ SPDX-License-Identifier: AGPL-3.0-only
<div :class="$style.draftActions" class="_buttons"> <div :class="$style.draftActions" class="_buttons">
<template v-if="draft.scheduledAt != null && draft.isActuallyScheduled"> <template v-if="draft.scheduledAt != null && draft.isActuallyScheduled">
<MkButton <MkButton
:class="$style.itemButton"
small small
@click="cancelSchedule(draft)" @click="cancelSchedule(draft)"
> >
@ -126,7 +125,6 @@ SPDX-License-Identifier: AGPL-3.0-only
</MkButton> </MkButton>
<!-- TODO <!-- TODO
<MkButton <MkButton
:class="$style.itemButton"
small small
@click="reSchedule(draft)" @click="reSchedule(draft)"
> >
@ -136,7 +134,6 @@ SPDX-License-Identifier: AGPL-3.0-only
</template> </template>
<MkButton <MkButton
v-else v-else
:class="$style.itemButton"
small small
@click="restoreDraft(draft)" @click="restoreDraft(draft)"
> >
@ -147,7 +144,6 @@ SPDX-License-Identifier: AGPL-3.0-only
danger danger
small small
:iconOnly="true" :iconOnly="true"
:class="$style.itemButton"
style="margin-left: auto;" style="margin-left: auto;"
@click="deleteDraft(draft)" @click="deleteDraft(draft)"
> >

5
packages/frontend/src/components/MkPostForm.vue
View File

@ -14,7 +14,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<header :class="$style.header"> <header :class="$style.header">
<div :class="$style.headerLeft"> <div :class="$style.headerLeft">
<button v-if="!fixed" :class="$style.cancel" class="_button" @click="cancel"><i class="ti ti-x"></i></button> <button v-if="!fixed" :class="$style.cancel" class="_button" @click="cancel"><i class="ti ti-x"></i></button>
<button ref="accountMenuEl" v-click-anime v-tooltip="i18n.ts.account" :class="$style.account" class="_button" @click="openAccountMenu"> <button ref="accountMenuEl" v-click-anime v-tooltip="i18n.ts.account" class="_button" @click="openAccountMenu">
<img :class="$style.avatar" :src="(postAccount ?? $i).avatarUrl" style="border-radius: 100%;"/> <img :class="$style.avatar" :src="(postAccount ?? $i).avatarUrl" style="border-radius: 100%;"/>
</button> </button>
</div> </div>
@ -1469,9 +1469,6 @@ defineExpose({
padding: 8px; padding: 8px;
} }
.account {
}
.avatar { .avatar {
display: block; display: block;
width: 28px; width: 28px;

2
packages/frontend/src/components/MkPreviewWithControls.vue
View File

@ -11,7 +11,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<slot name="preview"></slot> <slot name="preview"></slot>
</div> </div>
<div v-if="previewLoading" :class="$style.previewLoading"> <div v-if="previewLoading" :class="$style.previewLoading">
<MkLoading :class="$style.previewLoadingSpinner"/> <MkLoading/>
</div> </div>
</div> </div>
<div :class="$style.controls"> <div :class="$style.controls">

7
packages/frontend/src/components/MkServerSetupWizard.vue
View File

@ -4,7 +4,7 @@ SPDX-License-Identifier: AGPL-3.0-only
--> -->
<template> <template>
<div :class="$style.root" class="_gaps_m"> <div class="_gaps_m">
<MkInput v-model="q_name" data-cy-server-name> <MkInput v-model="q_name" data-cy-server-name>
<template #label>{{ i18n.ts.instanceName }}</template> <template #label>{{ i18n.ts.instanceName }}</template>
</MkInput> </MkInput>
@ -370,8 +370,3 @@ function applySettings() {
}); });
} }
</script> </script>
<style lang="scss" module>
.root {
}
</style>

2
packages/frontend/src/components/MkTagItem.vue
View File

@ -6,7 +6,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<template> <template>
<div :class="$style.root" @click="(ev) => emit('click', ev)"> <div :class="$style.root" @click="(ev) => emit('click', ev)">
<span v-if="iconClass" :class="[$style.icon, iconClass]"></span> <span v-if="iconClass" :class="[$style.icon, iconClass]"></span>
<span :class="$style.content">{{ content }}</span> <span>{{ content }}</span>
<MkButton v-if="exButtonIconClass" :class="$style.exButton" @click="(ev) => emit('exButtonClick', ev)"> <MkButton v-if="exButtonIconClass" :class="$style.exButton" @click="(ev) => emit('exButtonClick', ev)">
<span :class="[$style.exButtonIcon, exButtonIconClass]"></span> <span :class="[$style.exButtonIcon, exButtonIconClass]"></span>
</MkButton> </MkButton>

6
packages/frontend/src/components/global/MkPageHeader.vue
View File

@ -6,10 +6,10 @@ SPDX-License-Identifier: AGPL-3.0-only
<template> <template>
<div v-if="show" ref="el" :class="[$style.root]"> <div v-if="show" ref="el" :class="[$style.root]">
<div :class="[$style.upper, { [$style.slim]: narrow, [$style.thin]: thin_ }]"> <div :class="[$style.upper, { [$style.slim]: narrow, [$style.thin]: thin_ }]">
<div v-if="!thin_ && narrow && props.displayMyAvatar && $i" class="_button" :class="$style.buttonsLeft" @click="openAccountMenu"> <div v-if="!thin_ && narrow && props.displayMyAvatar && $i" class="_button" @click="openAccountMenu">
<MkAvatar :class="$style.avatar" :user="$i"/> <MkAvatar :class="$style.avatar" :user="$i"/>
</div> </div>
<div v-else-if="!thin_ && narrow && !hideTitle" :class="[$style.buttons, $style.buttonsLeft]"></div> <div v-else-if="!thin_ && narrow && !hideTitle" :class="$style.buttons"></div>
<template v-if="pageMetadata"> <template v-if="pageMetadata">
<div v-if="!hideTitle" :class="$style.titleContainer" @click="top"> <div v-if="!hideTitle" :class="$style.titleContainer" @click="top">
@ -28,7 +28,7 @@ SPDX-License-Identifier: AGPL-3.0-only
</div> </div>
<XTabs v-if="!narrow || hideTitle" :class="$style.tabs" :tab="tab" :tabs="tabs" :rootEl="el" @update:tab="key => emit('update:tab', key)" @tabClick="onTabClick"/> <XTabs v-if="!narrow || hideTitle" :class="$style.tabs" :tab="tab" :tabs="tabs" :rootEl="el" @update:tab="key => emit('update:tab', key)" @tabClick="onTabClick"/>
</template> </template>
<div v-if="(!thin_ && narrow && !hideTitle) || (actions && actions.length > 0)" :class="[$style.buttons, $style.buttonsRight]"> <div v-if="(!thin_ && narrow && !hideTitle) || (actions && actions.length > 0)" :class="$style.buttons">
<template v-for="action in actions"> <template v-for="action in actions">
<button v-tooltip.noDelay="action.text" class="_button" :class="[$style.button, { [$style.highlighted]: action.highlighted }]" @click.stop="action.handler" @touchstart="preventDrag"><i :class="action.icon"></i></button> <button v-tooltip.noDelay="action.text" class="_button" :class="[$style.button, { [$style.highlighted]: action.highlighted }]" @click.stop="action.handler" @touchstart="preventDrag"><i :class="action.icon"></i></button>
</template> </template>

2
packages/frontend/src/components/global/MkResult.vue
View File

@ -5,7 +5,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<template> <template>
<Transition :name="prefer.s.animation ? '_transition_zoom' : ''" appear> <Transition :name="prefer.s.animation ? '_transition_zoom' : ''" appear>
<div :class="[$style.root, { [$style.warn]: type === 'notFound', [$style.error]: type === 'error' }]" class="_gaps"> <div :class="$style.root" class="_gaps">
<img v-if="type === 'empty' && instance.infoImageUrl" :src="instance.infoImageUrl" draggable="false" :class="$style.img"/> <img v-if="type === 'empty' && instance.infoImageUrl" :src="instance.infoImageUrl" draggable="false" :class="$style.img"/>
<MkSystemIcon v-else-if="type === 'empty'" type="info" :class="$style.icon"/> <MkSystemIcon v-else-if="type === 'empty'" type="info" :class="$style.icon"/>
<img v-if="type === 'notFound' && instance.notFoundImageUrl" :src="instance.notFoundImageUrl" draggable="false" :class="$style.img"/> <img v-if="type === 'notFound' && instance.notFoundImageUrl" :src="instance.notFoundImageUrl" draggable="false" :class="$style.img"/>

2
packages/frontend/src/components/global/PageWithHeader.vue
View File

@ -4,7 +4,7 @@ SPDX-License-Identifier: AGPL-3.0-only
--> -->
<template> <template>
<div ref="rootEl" :class="[$style.root, reversed ? '_pageScrollableReversed' : '_pageScrollable']"> <div ref="rootEl" :class="reversed ? '_pageScrollableReversed' : '_pageScrollable'">
<MkStickyContainer> <MkStickyContainer>
<template #header> <template #header>
<MkPageHeader v-if="prefer.s.showPageTabBarBottom && (props.tabs?.length ?? 0) > 0" v-bind="pageHeaderPropsWithoutTabs"/> <MkPageHeader v-if="prefer.s.showPageTabBarBottom && (props.tabs?.length ?? 0) > 0" v-bind="pageHeaderPropsWithoutTabs"/>

4
packages/frontend/src/pages/admin/custom-emojis-manager2.vue
View File

@ -6,8 +6,8 @@ SPDX-License-Identifier: AGPL-3.0-only
<template> <template>
<PageWithHeader v-model:tab="headerTab" :tabs="headerTabs"> <PageWithHeader v-model:tab="headerTab" :tabs="headerTabs">
<XGridLocalComponent v-if="headerTab === 'local'" :class="$style.local"/> <XGridLocalComponent v-if="headerTab === 'local'" :class="$style.local"/>
<XGridRemoteComponent v-else-if="headerTab === 'remote'" :class="$style.remote"/> <XGridRemoteComponent v-else-if="headerTab === 'remote'"/>
<XRegisterComponent v-else-if="headerTab === 'register'" :class="$style.register"/> <XRegisterComponent v-else-if="headerTab === 'register'"/>
</PageWithHeader> </PageWithHeader>
</template> </template>

6
packages/frontend/src/pages/admin/job-queue.vue
View File

@ -97,7 +97,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<template #header> <template #header>
<MkTabs <MkTabs
v-model:tab="jobState" v-model:tab="jobState"
:class="$style.jobsTabs" :tabs="[{ :tabs="[{
key: 'all', key: 'all',
title: 'All', title: 'All',
icon: 'ti ti-code-asterisk', icon: 'ti ti-code-asterisk',
@ -359,8 +359,4 @@ definePage(() => ({
font-size: 85%; font-size: 85%;
margin: 6px 0; margin: 6px 0;
} }
.jobsTabs {
}
</style> </style>

2
packages/frontend/src/pages/chat/XMessage.vue
View File

@ -19,7 +19,7 @@ SPDX-License-Identifier: AGPL-3.0-only
:enableEmojiMenu="true" :enableEmojiMenu="true"
:enableEmojiMenuReaction="true" :enableEmojiMenuReaction="true"
/> />
<MkMediaList v-if="message.file" :mediaList="[message.file]" :class="$style.file"/> <MkMediaList v-if="message.file" :mediaList="[message.file]"/>
</MkFukidashi> </MkFukidashi>
<MkUrlPreview v-for="url in urls" :key="url" :url="url" style="margin: 8px 0;"/> <MkUrlPreview v-for="url in urls" :key="url" :url="url" style="margin: 8px 0;"/>
<div :class="$style.footer"> <div :class="$style.footer">

2
packages/frontend/src/pages/qr.read.vue
View File

@ -16,7 +16,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<template #header> <template #header>
<div :class="$style.view"> <div :class="$style.view">
<video ref="videoEl" :class="$style.video" autoplay muted playsinline></video> <video ref="videoEl" :class="$style.video" autoplay muted playsinline></video>
<div ref="overlayEl" :class="$style.overlay"></div> <div ref="overlayEl"></div>
<div :class="$style.controls"> <div :class="$style.controls">
<MkButton v-tooltip="i18n.ts._qr.scanFile" iconOnly @click="upload"><i class="ti ti-photo-plus"></i></MkButton> <MkButton v-tooltip="i18n.ts._qr.scanFile" iconOnly @click="upload"><i class="ti ti-photo-plus"></i></MkButton>

1
packages/frontend/src/pages/search.note.vue
View File

@ -71,7 +71,6 @@ SPDX-License-Identifier: AGPL-3.0-only
<MkUserCardMini <MkUserCardMini
:user="user" :user="user"
:withChart="false" :withChart="false"
:class="$style.userSelectedCard"
/> />
</div> </div>
<div> <div>

2
packages/frontend/src/pages/user/index.files.vue
View File

@ -15,7 +15,7 @@ SPDX-License-Identifier: AGPL-3.0-only
</div> </div>
<MkButton rounded full @click="emit('showMore')">{{ i18n.ts.showMore }} <i class="ti ti-arrow-right"></i></MkButton> <MkButton rounded full @click="emit('showMore')">{{ i18n.ts.showMore }} <i class="ti ti-arrow-right"></i></MkButton>
</div> </div>
<p v-if="!fetching && notes.length == 0" :class="$style.empty">{{ i18n.ts.nothing }}</p> <p v-if="!fetching && notes.length == 0">{{ i18n.ts.nothing }}</p>
</div> </div>
</MkContainer> </MkContainer>
</template> </template>

2
packages/frontend/src/pages/user/notes.vue
View File

@ -5,7 +5,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<template> <template>
<div class="_spacer" style="--MI_SPACER-w: 800px;"> <div class="_spacer" style="--MI_SPACER-w: 800px;">
<div :class="$style.root"> <div>
<MkStickyContainer> <MkStickyContainer>
<template #header> <template #header>
<MkTab <MkTab

2
packages/frontend/src/ui/_common_/navbar-h.vue
View File

@ -6,7 +6,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<template> <template>
<div :class="[$style.root, acrylic ? $style.acrylic : null]"> <div :class="[$style.root, acrylic ? $style.acrylic : null]">
<div :class="$style.body"> <div :class="$style.body">
<div :class="$style.left"> <div>
<button v-click-anime :class="[$style.item, $style.instance]" class="_button" @click="openInstanceMenu"> <button v-click-anime :class="[$style.item, $style.instance]" class="_button" @click="openInstanceMenu">
<img :class="$style.instanceIcon" :src="instance.iconUrl ?? '/favicon.ico'" draggable="false"/> <img :class="$style.instanceIcon" :src="instance.iconUrl ?? '/favicon.ico'" draggable="false"/>
</button> </button>

4
packages/frontend/src/ui/_common_/navbar.vue
View File

@ -79,7 +79,7 @@ SPDX-License-Identifier: AGPL-3.0-only
--> -->
<div v-if="!forceIconOnly && prefer.r.showNavbarSubButtons.value" :class="$style.subButtons"> <div v-if="!forceIconOnly && prefer.r.showNavbarSubButtons.value" :class="$style.subButtons">
<div :class="[$style.subButton, $style.menuEditButton]"> <div :class="$style.subButton">
<svg viewBox="0 0 16 64" :class="$style.subButtonShape"> <svg viewBox="0 0 16 64" :class="$style.subButtonShape">
<g transform="matrix(0.333333,0,0,0.222222,0.000895785,21.3333)"> <g transform="matrix(0.333333,0,0,0.222222,0.000895785,21.3333)">
<path d="M47.488,7.995C47.79,10.11 47.943,12.266 47.943,14.429C47.997,26.989 47.997,84 47.997,84C47.997,84 44.018,118.246 23.997,133.5C-0.374,152.07 -0.003,192 -0.003,192L-0.003,-96C-0.003,-96 0.151,-56.216 23.997,-37.5C40.861,-24.265 46.043,-1.243 47.488,7.995Z" style="fill:var(--MI_THEME-navBg);"/> <path d="M47.488,7.995C47.79,10.11 47.943,12.266 47.943,14.429C47.997,26.989 47.997,84 47.997,84C47.997,84 44.018,118.246 23.997,133.5C-0.374,152.07 -0.003,192 -0.003,192L-0.003,-96C-0.003,-96 0.151,-56.216 23.997,-37.5C40.861,-24.265 46.043,-1.243 47.488,7.995Z" style="fill:var(--MI_THEME-navBg);"/>
@ -90,7 +90,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<template v-if="!props.asDrawer"> <template v-if="!props.asDrawer">
<div :class="$style.subButtonGapFill"></div> <div :class="$style.subButtonGapFill"></div>
<div :class="$style.subButtonGapFillDivider"></div> <div :class="$style.subButtonGapFillDivider"></div>
<div :class="[$style.subButton, $style.toggleButton]"> <div :class="$style.subButton">
<svg viewBox="0 0 16 64" :class="$style.subButtonShape"> <svg viewBox="0 0 16 64" :class="$style.subButtonShape">
<g transform="matrix(0.333333,0,0,0.222222,0.000895785,21.3333)"> <g transform="matrix(0.333333,0,0,0.222222,0.000895785,21.3333)">
<path d="M47.488,7.995C47.79,10.11 47.943,12.266 47.943,14.429C47.997,26.989 47.997,84 47.997,84C47.997,84 44.018,118.246 23.997,133.5C-0.374,152.07 -0.003,192 -0.003,192L-0.003,-96C-0.003,-96 0.151,-56.216 23.997,-37.5C40.861,-24.265 46.043,-1.243 47.488,7.995Z" style="fill:var(--MI_THEME-navBg);"/> <path d="M47.488,7.995C47.79,10.11 47.943,12.266 47.943,14.429C47.997,26.989 47.997,84 47.997,84C47.997,84 44.018,118.246 23.997,133.5C-0.374,152.07 -0.003,192 -0.003,192L-0.003,-96C-0.003,-96 0.151,-56.216 23.997,-37.5C40.861,-24.265 46.043,-1.243 47.488,7.995Z" style="fill:var(--MI_THEME-navBg);"/>

2
packages/frontend/src/ui/deck.vue
View File

@ -32,7 +32,7 @@ SPDX-License-Identifier: AGPL-3.0-only
v-for="id in ids" v-for="id in ids"
:ref="id" :ref="id"
:key="id" :key="id"
:class="[$style.column, { '_shadow': withWallpaper }]" :class="{ '_shadow': withWallpaper }"
:column="columns.find(c => c.id === id)!" :column="columns.find(c => c.id === id)!"
:isStacked="ids.length > 1" :isStacked="ids.length > 1"
@headerWheel="onWheel" @headerWheel="onWheel"

5
packages/frontend/src/ui/zen.vue
View File

@ -4,7 +4,7 @@ SPDX-License-Identifier: AGPL-3.0-only
--> -->
<template> <template>
<div :class="$style.root"> <div>
<div :class="$style.contents"> <div :class="$style.contents">
<!-- <!--
デッキUIが設定されている場合はデッキUIに戻れるようにする (ただし?zenが明示された場合は表示しない) デッキUIが設定されている場合はデッキUIに戻れるようにする (ただし?zenが明示された場合は表示しない)
@ -57,9 +57,6 @@ function goToDeck() {
</script> </script>
<style lang="scss" module> <style lang="scss" module>
.root {
}
.contents { .contents {
display: flex; display: flex;
flex-direction: column; flex-direction: column;