Revert "perf?(client): remove needless scoped annotation for style"

This reverts commit ada04c1932.
This commit is contained in:
syuilo 2022-12-27 18:29:39 +09:00
parent ada04c1932
commit 4f15b6f7c2
263 changed files with 343 additions and 407 deletions

View file

@ -63,7 +63,7 @@ function resolve() {
}
</script>
<style lang="scss">
<style lang="scss" scoped>
.bcekxzvu {
display: flex;

View file

@ -58,7 +58,7 @@ function send() {
}
</script>
<style lang="scss">
<style lang="scss" scoped>
.dpvffvvy {
--root-margin: 16px;
}

View file

@ -205,7 +205,7 @@ onBeforeUnmount(() => {
});
</script>
<style lang="scss">
<style lang="scss" scoped>
.mbcofsoe {
display: block;

View file

@ -376,7 +376,7 @@ onBeforeUnmount(() => {
});
</script>
<style lang="scss">
<style lang="scss" scoped>
.swhvrteh {
position: fixed;
max-width: 100%;

View file

@ -98,7 +98,7 @@ function onMousedown(evt: MouseEvent): void {
}
</script>
<style lang="scss">
<style lang="scss" scoped>
.bghgjjyj {
position: relative;
z-index: 1; // box-shadow

View file

@ -57,7 +57,7 @@ async function onClick() {
}
</script>
<style lang="scss">
<style lang="scss" scoped>
.hdcaacmi {
position: relative;
display: inline-block;

View file

@ -50,7 +50,7 @@ const bannerStyle = computed(() => {
});
</script>
<style lang="scss">
<style lang="scss" scoped>
.eftoefju {
display: block;
overflow: hidden;

View file

@ -838,7 +838,7 @@ onMounted(() => {
/* eslint-enable id-denylist */
</script>
<style lang="scss">
<style lang="scss" scoped>
.cbbedffa {
position: relative;

View file

@ -33,7 +33,7 @@ const emit = defineEmits<{
}>();
</script>
<style lang="scss">
<style lang="scss" scoped>
.qpcyisrl {
> .title {
margin-bottom: 4px;

View file

@ -140,9 +140,7 @@ export default defineComponent({
.container-toggle-leave-to {
opacity: 0;
}
</style>
<style lang="scss">
.ukygtjoj {
position: relative;
overflow: clip;

View file

@ -69,6 +69,10 @@ function onMousedown(evt: Event) {
</script>
<style lang="scss" scoped>
.nvlagfpb {
position: absolute;
}
.fade-enter-active, .fade-leave-active {
transition: opacity 0.5s cubic-bezier(0.16, 1, 0.3, 1), transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
transform-origin: left top;
@ -79,9 +83,3 @@ function onMousedown(evt: Event) {
transform: scale(0.9);
}
</style>
<style lang="scss">
.nvlagfpb {
position: absolute;
}
</style>

View file

@ -133,9 +133,7 @@ onMounted(() => {
.fade-leave-to {
opacity: 0;
}
</style>
<style lang="scss">
.mk-cropper-dialog {
display: flex;
flex-direction: column;

View file

@ -34,7 +34,7 @@ const toggle = () => {
};
</script>
<style lang="scss">
<style lang="scss" scoped>
.nrvgflfu {
display: inline-block;
padding: 4px 8px;

View file

@ -143,7 +143,7 @@ onBeforeUnmount(() => {
});
</script>
<style lang="scss">
<style lang="scss" scoped>
.mk-dialog {
position: relative;
padding: 32px;

View file

@ -62,7 +62,7 @@ onUnmounted(() => {
});
</script>
<style lang="scss">
<style lang="scss" scoped>
.zjobosdg {
> .colon {
opacity: 0;

View file

@ -176,7 +176,7 @@ async function deleteFile() {
}
</script>
<style lang="scss">
<style lang="scss" scoped>
.ncvczrfv {
position: relative;
padding: 8px 0 0 0;

View file

@ -264,7 +264,7 @@ function onContextmenu(ev: MouseEvent) {
}
</script>
<style lang="scss">
<style lang="scss" scoped>
.rghtznwe {
position: relative;
padding: 8px;

View file

@ -1,6 +1,5 @@
<template>
<div
class="drylbebk"
<div class="drylbebk"
:class="{ draghover }"
@click="onClick"
@dragover.prevent.stop="onDragover"
@ -131,7 +130,7 @@ function onDrop(ev: DragEvent) {
}
</script>
<style lang="scss">
<style lang="scss" scoped>
.drylbebk {
> * {
pointer-events: none;

View file

@ -655,7 +655,7 @@ onBeforeUnmount(() => {
});
</script>
<style lang="scss">
<style lang="scss" scoped>
.yfudmmck {
display: flex;
flex-direction: column;

View file

@ -53,7 +53,7 @@ const isThumbnailAvailable = computed(() => {
});
</script>
<style lang="scss">
<style lang="scss" scoped>
.zdjebgpv {
position: relative;
display: flex;

View file

@ -32,5 +32,5 @@ const emit = defineEmits<{
const shown = ref(!!props.initialShown);
</script>
<style lang="scss">
<style lang="scss" scoped>
</style>

View file

@ -354,7 +354,7 @@ defineExpose({
});
</script>
<style lang="scss">
<style lang="scss" scoped>
.omfetrab {
$pad: 8px;

View file

@ -62,7 +62,7 @@ function opening() {
}
</script>
<style lang="scss">
<style lang="scss" scoped>
.ryghynhb {
&.drawer {
border-radius: 24px;

View file

@ -1,6 +1,5 @@
<template>
<MkWindow
ref="window"
<MkWindow ref="window"
:initial-width="null"
:initial-height="null"
:can-resize="false"
@ -35,7 +34,7 @@ function chosen(emoji: any) {
}
</script>
<style lang="scss">
<style lang="scss" scoped>
.omfetrab {
$pad: 8px;
--eachSize: 40px;

View file

@ -14,7 +14,7 @@ os.api('meta', { detail: true }).then(gotMeta => {
});
</script>
<style lang="scss">
<style lang="scss" scoped>
.xfbouadm {
background-position: center;
background-size: cover;

View file

@ -51,9 +51,7 @@ const props = defineProps<{
0% { opacity: 1; }
50% { opacity: 0; }
}
</style>
<style lang="scss">
.urempief {
margin-top: var(--margin);

View file

@ -107,9 +107,7 @@ export default defineComponent({
.folder-toggle-leave-to {
opacity: 0;
}
</style>
<style lang="scss">
.ssazuxis {
position: relative;
@ -158,14 +156,4 @@ export default defineComponent({
}
}
}
@container (max-width: 500px) {
.ssazuxis {
> header {
> .title {
padding: 8px 10px 8px 0;
}
}
}
}
</style>

View file

@ -109,7 +109,7 @@ onBeforeUnmount(() => {
});
</script>
<style lang="scss">
<style lang="scss" scoped>
.kpoogebi {
position: relative;
display: inline-block;

View file

@ -1,6 +1,5 @@
<template>
<XModalWindow
ref="dialog"
<XModalWindow ref="dialog"
:width="370"
:height="400"
@close="dialog.close()"
@ -63,7 +62,7 @@ async function onSubmit() {
}
</script>
<style lang="scss">
<style lang="scss" scoped>
.bafeceda {
> .main {
padding: 24px;

View file

@ -120,7 +120,7 @@ export default defineComponent({
});
</script>
<style lang="scss">
<style lang="scss" scoped>
.xkpnjxcv {
}

View file

@ -25,7 +25,7 @@ const props = defineProps<{
}>();
</script>
<style lang="scss">
<style lang="scss" scoped>
.ttasepnz {
display: block;
position: relative;

View file

@ -19,7 +19,7 @@ const search = () => {
};
</script>
<style lang="scss">
<style lang="scss" scoped>
.mk-google {
display: flex;
margin: 8px 0;

View file

@ -31,7 +31,7 @@ const emit = defineEmits<{
const modal = $ref<InstanceType<typeof MkModal>>();
</script>
<style lang="scss">
<style lang="scss" scoped>
.xubzgfga {
display: flex;
flex-direction: column;

View file

@ -45,7 +45,7 @@ onMounted(() => {
});
</script>
<style lang="scss">
<style lang="scss" scoped>
.xubzgfgb {
position: relative;
width: 100%;

View file

@ -14,7 +14,7 @@ const props = defineProps<{
}>();
</script>
<style lang="scss">
<style lang="scss" scoped>
.fpezltsf {
padding: 12px 14px;
font-size: 90%;

View file

@ -30,7 +30,7 @@ const copy_ = () => {
};
</script>
<style lang="scss">
<style lang="scss" scoped>
.alqyeyti {
> .key {
font-size: 0.85em;

View file

@ -62,7 +62,7 @@ function close() {
}
</script>
<style lang="scss">
<style lang="scss" scoped>
.szkkfdyq {
max-height: 100%;
width: min(460px, 100vw);

View file

@ -35,7 +35,7 @@ useTooltip($$(el), (showing) => {
});
</script>
<style lang="scss">
<style lang="scss" scoped>
.xlcxczvw {
word-break: break-all;

View file

@ -50,7 +50,7 @@ onMounted(() => {
});
</script>
<style lang="scss">
<style lang="scss" scoped>
.mk-media-banner {
width: 100%;
border-radius: 4px;

View file

@ -49,7 +49,7 @@ watch(() => props.image, () => {
});
</script>
<style lang="scss">
<style lang="scss" scoped>
.qjewsnkg {
position: relative;

View file

@ -101,7 +101,7 @@ const previewable = (file: misskey.entities.DriveFile): boolean => {
};
</script>
<style lang="scss">
<style lang="scss" scoped>
.hoawjimk {
> .gird-container {
position: relative;

View file

@ -35,7 +35,7 @@ const props = defineProps<{
const hide = ref((defaultStore.state.nsfw === 'force') ? true : props.video.isSensitive && (defaultStore.state.nsfw !== 'ignore'));
</script>
<style lang="scss">
<style lang="scss" scoped>
.kkjnbbplepmiyuadieoenjgutgcmtsvu {
position: relative;

View file

@ -39,7 +39,7 @@ bg.setAlpha(0.1);
const bgCss = bg.toRgbString();
</script>
<style lang="scss">
<style lang="scss" scoped>
.akbvjaqn {
display: inline-block;
padding: 4px 8px 4px 4px;

View file

@ -58,7 +58,7 @@ defineExpose({
});
</script>
<style lang="scss">
<style lang="scss" scoped>
.sfhdhdhr {
position: absolute;
}

View file

@ -186,7 +186,7 @@ onBeforeUnmount(() => {
});
</script>
<style lang="scss">
<style lang="scss" scoped>
.rrevdjwt {
padding: 8px 0;
box-sizing: border-box;

View file

@ -328,9 +328,7 @@ defineExpose({
transform: translateY(100%);
}
}
</style>
<style lang="scss">
.qzhlnise {
> .bg {
&.transparent {

View file

@ -115,7 +115,7 @@ function onContextmenu(ev: MouseEvent) {
}
</script>
<style lang="scss">
<style lang="scss" scoped>
.hrmcaedk {
overflow: hidden;
display: flex;

View file

@ -83,7 +83,7 @@ defineExpose({
});
</script>
<style lang="scss">
<style lang="scss" scoped>
.ebkgoccj {
overflow: hidden;
display: flex;

View file

@ -90,7 +90,7 @@
</div>
</article>
</div>
<div v-else class="tkcbzcuz-muted" @click="muted = false">
<div v-else class="muted" @click="muted = false">
<I18n :src="i18n.ts.userSaysSomething" tag="small">
<template #name>
<MkA v-user-preview="appearNote.userId" class="name" :to="userPage(appearNote.user)">
@ -292,7 +292,7 @@ function readPromo() {
}
</script>
<style lang="scss">
<style lang="scss" scoped>
.tkcbzcuz {
position: relative;
transition: box-shadow 0.1s ease;
@ -650,7 +650,7 @@ function readPromo() {
}
}
.tkcbzcuz-muted {
.muted {
padding: 8px;
text-align: center;
opacity: 0.7;

View file

@ -101,7 +101,7 @@
</article>
<MkNoteSub v-for="note in replies" :key="note.id" :note="note" class="reply" :detail="true"/>
</div>
<div v-else class="_panel lxwezrsl-muted" @click="muted = false">
<div v-else class="_panel muted" @click="muted = false">
<I18n :src="i18n.ts.userSaysSomething" tag="small">
<template #name>
<MkA v-user-preview="appearNote.userId" class="name" :to="userPage(appearNote.user)">
@ -295,7 +295,7 @@ if (appearNote.replyId) {
}
</script>
<style lang="scss">
<style lang="scss" scoped>
.lxwezrsl {
position: relative;
transition: box-shadow 0.1s ease;
@ -669,7 +669,7 @@ if (appearNote.replyId) {
}
}
.lxwezrsl-muted {
.muted {
padding: 8px;
text-align: center;
opacity: 0.7;

View file

@ -27,7 +27,7 @@ defineProps<{
}>();
</script>
<style lang="scss">
<style lang="scss" scoped>
.kkwtjztg {
display: flex;
align-items: baseline;

View file

@ -22,7 +22,7 @@ const props = defineProps<{
}>();
</script>
<style lang="scss">
<style lang="scss" scoped>
.fefdfafb {
display: flex;
margin: 0;

View file

@ -31,7 +31,7 @@ const props = defineProps<{
const showContent = $ref(false);
</script>
<style lang="scss">
<style lang="scss" scoped>
.yohlumlk {
display: flex;
margin: 0;

View file

@ -57,7 +57,7 @@ if (props.detail) {
}
</script>
<style lang="scss">
<style lang="scss" scoped>
.wrpstxzv {
padding: 16px 32px;
font-size: 0.9em;

View file

@ -36,7 +36,7 @@ defineExpose({
});
</script>
<style lang="scss">
<style lang="scss" scoped>
.giivymft {
&.noGap {
> .notes {

View file

@ -160,7 +160,7 @@ useTooltip(reactionRef, (showing) => {
});
</script>
<style lang="scss">
<style lang="scss" scoped>
.qglefbjs {
position: relative;
box-sizing: border-box;

View file

@ -37,9 +37,7 @@ onMounted(() => {
opacity: 0;
transform: translateX(-250px);
}
</style>
<style lang="scss">
.mk-notification-toast {
position: fixed;
left: 0;

View file

@ -97,7 +97,7 @@ onUnmounted(() => {
});
</script>
<style lang="scss">
<style lang="scss" scoped>
.elsfgstc {
background: var(--panel);
}

View file

@ -30,7 +30,7 @@ export default defineComponent({
});
</script>
<style lang="scss">
<style lang="scss" scoped>
.ceaaebcd {
&.isPlus {
color: var(--success);

View file

@ -78,7 +78,7 @@ export default defineComponent({
});
</script>
<style lang="scss">
<style lang="scss" scoped>
.igpposuu {
display: inline;

View file

@ -13,7 +13,7 @@ const props = defineProps<{
}>();
</script>
<style lang="scss">
<style lang="scss" scoped>
.zhyxdalp {
}

View file

@ -32,7 +32,7 @@ export default defineComponent({
});
</script>
<style lang="scss">
<style lang="scss" scoped>
.vhpxefrj {
display: block;

View file

@ -132,7 +132,7 @@ defineExpose({
});
</script>
<style lang="scss">
<style lang="scss" scoped>
.yrolvcoq {
min-height: 100%;
background: var(--bg);

View file

@ -307,9 +307,7 @@ defineExpose({
.fade-leave-to {
opacity: 0;
}
</style>
<style lang="scss">
.cxiknjgy {
> .button {
margin-left: auto;

View file

@ -86,7 +86,7 @@ const vote = async (id) => {
};
</script>
<style lang="scss">
<style lang="scss" scoped>
.tivcixzd {
> ul {
display: block;

View file

@ -142,7 +142,7 @@ watch([choices, multiple, expiration, atDate, atTime, after, unit], () => emit('
});
</script>
<style lang="scss">
<style lang="scss" scoped>
.zmdxowus {
padding: 8px 16px;

View file

@ -25,7 +25,7 @@ const emit = defineEmits<{
let modal = $ref<InstanceType<typeof MkModal>>();
</script>
<style lang="scss">
<style lang="scss" scoped>
.sfhdhdhq {
&.drawer {
border-radius: 24px;

View file

@ -715,7 +715,7 @@ onMounted(() => {
});
</script>
<style lang="scss">
<style lang="scss" scoped>
.gafaadew {
position: relative;

View file

@ -109,7 +109,7 @@ function showFileMenu(file, ev: MouseEvent) {
}
</script>
<style lang="scss">
<style lang="scss" scoped>
.skeikyzd {
padding: 8px 16px;
position: relative;

View file

@ -24,7 +24,7 @@ const emit = defineEmits<{
}>();
</script>
<style lang="scss">
<style lang="scss" scoped>
.beeadbfb {
text-align: center;

View file

@ -44,7 +44,7 @@ function getReactionName(reaction: string): string {
}
</script>
<style lang="scss">
<style lang="scss" scoped>
.bqxuuuey {
display: flex;

View file

@ -90,7 +90,7 @@ useTooltip(buttonRef, async (showing) => {
}, 100);
</script>
<style lang="scss">
<style lang="scss" scoped>
.hkzvhatu {
display: inline-block;
height: 32px;

View file

@ -19,7 +19,7 @@ const initialReactions = new Set(Object.keys(props.note.reactions));
const isMe = computed(() => $i && $i.id === props.note.userId);
</script>
<style lang="scss">
<style lang="scss" scoped>
.tdflqwzn {
margin: 4px -2px 0 -2px;

View file

@ -10,7 +10,7 @@ defineProps<{
}>();
</script>
<style lang="scss">
<style lang="scss" scoped>
.jmgmzlwq {
font-size: 0.8em;
padding: 16px;

View file

@ -74,7 +74,7 @@ const renote = (viaKeyboard = false) => {
};
</script>
<style lang="scss">
<style lang="scss" scoped>
.eddddedb {
display: inline-block;
height: 32px;

View file

@ -100,7 +100,7 @@ onMounted(() => {
});
</script>
<style lang="scss">
<style lang="scss" scoped>
.vswabwbm {
pointer-events: none;
position: fixed;

View file

@ -242,7 +242,7 @@ function resetPassword() {
}
</script>
<style lang="scss">
<style lang="scss" scoped>
.eppvobhk {
> .auth {
> .avatar {

View file

@ -237,7 +237,7 @@ function onSubmit(): void {
}
</script>
<style lang="scss">
<style lang="scss" scoped>
.qlvuhzng {
.captcha {
margin: 16px 0;

View file

@ -111,7 +111,7 @@ onUnmounted(() => {
});
</script>
<style lang="scss">
<style lang="scss" scoped>
.mk-sparkle {
position: relative;
display: inline-block;

View file

@ -39,7 +39,7 @@ const collapsed = $ref(
));
</script>
<style lang="scss">
<style lang="scss" scoped>
.wrmlmaau {
overflow-wrap: break-word;

View file

@ -41,7 +41,7 @@ export default defineComponent({
});
</script>
<style lang="scss">
<style lang="scss" scoped>
.rrevdjwu {
> .group {
& + .group {

View file

@ -70,7 +70,7 @@ defineExpose({
});
</script>
<style lang="scss">
<style lang="scss" scoped>
.meijqfqm {
position: relative;
overflow: clip;

View file

@ -40,9 +40,7 @@ onMounted(() => {
opacity: 0;
transform: translateY(-100%);
}
</style>
<style lang="scss">
.mk-toast {
> .body {
position: fixed;

View file

@ -86,9 +86,7 @@ onUnmounted(() => {
opacity: 0;
transform: scale(0.75);
}
</style>
<style lang="scss">
.buebdbiu {
position: absolute;
font-size: 0.8em;

View file

@ -25,7 +25,7 @@ const whatIsNew = () => {
};
</script>
<style lang="scss">
<style lang="scss" scoped>
.ewlycnyt {
position: relative;
padding: 32px;

View file

@ -1,5 +1,5 @@
<template>
<div v-if="playerEnabled" class="mk-url-preview-player" :style="`padding: ${(player.height || 0) / (player.width || 1) * 100}% 0 0`">
<div v-if="playerEnabled" class="player" :style="`padding: ${(player.height || 0) / (player.width || 1) * 100}% 0 0`">
<button class="disablePlayer" :title="i18n.ts.disablePlayer" @click="playerEnabled = false"><i class="ti ti-x"></i></button>
<iframe :src="player.url + (player.url.match(/\?/) ? '&autoplay=1&auto_play=1' : '?autoplay=1&auto_play=1')" :width="player.width || '100%'" :heigth="player.height || 250" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen/>
</div>
@ -121,8 +121,8 @@ onUnmounted(() => {
});
</script>
<style lang="scss">
.mk-url-preview-player {
<style lang="scss" scoped>
.player {
position: relative;
width: 100%;

View file

@ -35,7 +35,7 @@ onMounted(() => {
});
</script>
<style lang="scss">
<style lang="scss" scoped>
.fgmtyycl {
position: absolute;
width: 500px;

View file

@ -39,7 +39,7 @@ defineProps<{
}>();
</script>
<style lang="scss">
<style lang="scss" scoped>
.vjnjpkug {
position: relative;

View file

@ -30,7 +30,7 @@ const props = defineProps<{
const pagingComponent = ref<InstanceType<typeof MkPagination>>();
</script>
<style lang="scss">
<style lang="scss" scoped>
.efvhhmdq {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));

View file

@ -21,7 +21,7 @@ const text = $computed(() => {
});
</script>
<style lang="scss">
<style lang="scss" scoped>
.fzgwjkgc {
box-shadow: 0 0 0 3px var(--panel);
border-radius: 120%; // Blink100%

View file

@ -89,9 +89,7 @@ onMounted(() => {
opacity: 0;
transform: scale(0.9);
}
</style>
<style lang="scss">
.fxxzrfni {
position: absolute;
width: 300px;

View file

@ -115,7 +115,7 @@ onMounted(() => {
});
</script>
<style lang="scss">
<style lang="scss" scoped>
.tbhwbxda {
> .form {
padding: 0 var(--root-margin);

View file

@ -26,7 +26,7 @@ const emit = defineEmits<{
}>();
</script>
<style lang="scss">
<style lang="scss" scoped>
.beaffaef {
font-size: 0.9em;
text-align: left;

View file

@ -79,7 +79,7 @@ function choose(visibility: typeof misskey.noteVisibilities[number]): void {
}
</script>
<style lang="scss">
<style lang="scss" scoped>
.gqyayizv {
width: 240px;
padding: 8px 0;

View file

@ -35,7 +35,7 @@ watch(() => props.showing, () => {
});
</script>
<style lang="scss">
<style lang="scss" scoped>
.iuyakobc {
position: relative;
padding: 32px;

View file

@ -416,9 +416,7 @@ defineExpose({
opacity: 0;
transform: scale(0.9);
}
</style>
<style lang="scss">
.ebkgocck {
position: fixed;
top: 0;

View file

@ -50,7 +50,7 @@ const toggle = () => {
};
</script>
<style lang="scss">
<style lang="scss" scoped>
.ziffeoms {
position: relative;
display: flex;

View file

@ -37,7 +37,7 @@ const toggle = () => {
};
</script>
<style lang="scss">
<style lang="scss" scoped>
.dwzlatin {
display: block;

View file

@ -149,7 +149,7 @@ onMounted(() => {
});
</script>
<style lang="scss">
<style lang="scss" scoped>
.matxzzsk {
> .label {
font-size: 0.85em;

View file

@ -31,7 +31,7 @@ const props = defineProps<{
}>();
</script>
<style lang="scss">
<style lang="scss" scoped>
.ffcbddfc {
display: block;

Some files were not shown because too many files have changed in this diff Show more