monkee.ch/monkeeShark
1
0
Fork 0
Code Pull requests Activity

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

Browse source 
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
Show stats Download patch file Download diff file Expand all files Collapse all files

2
packages/frontend/src/components/MkAbuseReport.vue
View file

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

2
packages/frontend/src/components/MkAbuseReportWindow.vue
View file

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

2
packages/frontend/src/components/MkAnalogClock.vue
View file

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

2
packages/frontend/src/components/MkAutocomplete.vue
View file

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

2
packages/frontend/src/components/MkButton.vue
View file

@ -98,7 +98,7 @@ function onMousedown(evt: MouseEvent): void {
} }
</script> </script>
<style lang="scss"> <style lang="scss" scoped>
.bghgjjyj { .bghgjjyj {
position: relative; position: relative;
z-index: 1; // 他コンポーネントのbox-shadowに隠されないようにするため z-index: 1; // 他コンポーネントのbox-shadowに隠されないようにするため

2
packages/frontend/src/components/MkChannelFollowButton.vue
View file

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

2
packages/frontend/src/components/MkChannelPreview.vue
View file

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

2
packages/frontend/src/components/MkChart.vue
View file

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

2
packages/frontend/src/components/MkChartTooltip.vue
View file

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

2
packages/frontend/src/components/MkContainer.vue
View file

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

10
packages/frontend/src/components/MkContextMenu.vue
View file

@ -69,6 +69,10 @@ function onMousedown(evt: Event) {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.nvlagfpb {
position: absolute;
}
.fade-enter-active, .fade-leave-active { .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); 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; transform-origin: left top;
@ -79,9 +83,3 @@ function onMousedown(evt: Event) {
transform: scale(0.9); transform: scale(0.9);
} }
</style> </style>
<style lang="scss">
.nvlagfpb {
position: absolute;
}
</style>

2
packages/frontend/src/components/MkCropperDialog.vue
View file

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

2
packages/frontend/src/components/MkCwButton.vue
View file

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

2
packages/frontend/src/components/MkDialog.vue
View file

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

2
packages/frontend/src/components/MkDigitalClock.vue
View file

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

2
packages/frontend/src/components/MkDrive.file.vue
View file

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

2
packages/frontend/src/components/MkDrive.folder.vue
View file

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

5
packages/frontend/src/components/MkDrive.navFolder.vue
View file

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

2
packages/frontend/src/components/MkDrive.vue
View file

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

2
packages/frontend/src/components/MkDriveFileThumbnail.vue
View file

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

2
packages/frontend/src/components/MkEmojiPicker.section.vue
View file

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

2
packages/frontend/src/components/MkEmojiPicker.vue
View file

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

2
packages/frontend/src/components/MkEmojiPickerDialog.vue
View file

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

5
packages/frontend/src/components/MkEmojiPickerWindow.vue
View file

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

2
packages/frontend/src/components/MkFeaturedPhotos.vue
View file

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

2
packages/frontend/src/components/MkFileListForAdmin.vue
View file

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

12
packages/frontend/src/components/MkFolder.vue
View file

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

2
packages/frontend/src/components/MkFollowButton.vue
View file

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

5
packages/frontend/src/components/MkForgotPassword.vue
View file

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

2
packages/frontend/src/components/MkFormDialog.vue
View file

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

2
packages/frontend/src/components/MkGalleryPostPreview.vue
View file

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

2
packages/frontend/src/components/MkGoogle.vue
View file

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

2
packages/frontend/src/components/MkImageViewer.vue
View file

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

2
packages/frontend/src/components/MkImgWithBlurhash.vue
View file

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

2
packages/frontend/src/components/MkInfo.vue
View file

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

2
packages/frontend/src/components/MkKeyValue.vue
View file

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

2
packages/frontend/src/components/MkLaunchPad.vue
View file

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

2
packages/frontend/src/components/MkLink.vue
View file

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

2
packages/frontend/src/components/MkMediaBanner.vue
View file

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

2
packages/frontend/src/components/MkMediaImage.vue
View file

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

2
packages/frontend/src/components/MkMediaList.vue
View file

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

2
packages/frontend/src/components/MkMediaVideo.vue
View file

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

2
packages/frontend/src/components/MkMention.vue
View file

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

2
packages/frontend/src/components/MkMenu.child.vue
View file

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

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

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

2
packages/frontend/src/components/MkModal.vue
View file

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

2
packages/frontend/src/components/MkModalPageWindow.vue
View file

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

2
packages/frontend/src/components/MkModalWindow.vue
View file

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

6
packages/frontend/src/components/MkNote.vue
View file

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

6
packages/frontend/src/components/MkNoteDetailed.vue
View file

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

2
packages/frontend/src/components/MkNoteHeader.vue
View file

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

2
packages/frontend/src/components/MkNotePreview.vue
View file

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

2
packages/frontend/src/components/MkNoteSimple.vue
View file

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

2
packages/frontend/src/components/MkNoteSub.vue
View file

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

2
packages/frontend/src/components/MkNotes.vue
View file

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

2
packages/frontend/src/components/MkNotification.vue
View file

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

2
packages/frontend/src/components/MkNotificationToast.vue
View file

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

2
packages/frontend/src/components/MkNotifications.vue
View file

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

2
packages/frontend/src/components/MkNumberDiff.vue
View file

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

2
packages/frontend/src/components/MkObjectView.value.vue
View file

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

2
packages/frontend/src/components/MkObjectView.vue
View file

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

2
packages/frontend/src/components/MkPagePreview.vue
View file

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

2
packages/frontend/src/components/MkPageWindow.vue
View file

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

2
packages/frontend/src/components/MkPagination.vue
View file

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

2
packages/frontend/src/components/MkPoll.vue
View file

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

2
packages/frontend/src/components/MkPollEditor.vue
View file

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

2
packages/frontend/src/components/MkPopupMenu.vue
View file

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

2
packages/frontend/src/components/MkPostForm.vue
View file

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

2
packages/frontend/src/components/MkPostFormAttaches.vue
View file

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

2
packages/frontend/src/components/MkReactionTooltip.vue
View file

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

2
packages/frontend/src/components/MkReactionsViewer.details.vue
View file

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

2
packages/frontend/src/components/MkReactionsViewer.reaction.vue
View file

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

2
packages/frontend/src/components/MkReactionsViewer.vue
View file

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

2
packages/frontend/src/components/MkRemoteCaution.vue
View file

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

2
packages/frontend/src/components/MkRenoteButton.vue
View file

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

2
packages/frontend/src/components/MkRipple.vue
View file

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

2
packages/frontend/src/components/MkSignin.vue
View file

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

2
packages/frontend/src/components/MkSignup.vue
View file

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

2
packages/frontend/src/components/MkSparkle.vue
View file

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

2
packages/frontend/src/components/MkSubNoteContent.vue
View file

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

2
packages/frontend/src/components/MkSuperMenu.vue
View file

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

2
packages/frontend/src/components/MkTagCloud.vue
View file

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

2
packages/frontend/src/components/MkToast.vue
View file

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

2
packages/frontend/src/components/MkTooltip.vue
View file

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

2
packages/frontend/src/components/MkUpdated.vue
View file

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

6
packages/frontend/src/components/MkUrlPreview.vue
View file

@ -1,5 +1,5 @@
<template> <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> <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/> <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> </div>
@ -121,8 +121,8 @@ onUnmounted(() => {
}); });
</script> </script>
<style lang="scss"> <style lang="scss" scoped>
.mk-url-preview-player { .player {
position: relative; position: relative;
width: 100%; width: 100%;

2
packages/frontend/src/components/MkUrlPreviewPopup.vue
View file

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

2
packages/frontend/src/components/MkUserInfo.vue
View file

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

2
packages/frontend/src/components/MkUserList.vue
View file

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

2
packages/frontend/src/components/MkUserOnlineIndicator.vue
View file

@ -21,7 +21,7 @@ const text = $computed(() => {
}); });
</script> </script>
<style lang="scss"> <style lang="scss" scoped>
.fzgwjkgc { .fzgwjkgc {
box-shadow: 0 0 0 3px var(--panel); box-shadow: 0 0 0 3px var(--panel);
border-radius: 120%; // Blinkのバグか知らんけど、100%ぴったりにすると何故か若干楕円でレンダリングされる border-radius: 120%; // Blinkのバグか知らんけど、100%ぴったりにすると何故か若干楕円でレンダリングされる

2
packages/frontend/src/components/MkUserPreview.vue
View file

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

2
packages/frontend/src/components/MkUserSelectDialog.vue
View file

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

2
packages/frontend/src/components/MkUsersTooltip.vue
View file

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

2
packages/frontend/src/components/MkVisibilityPicker.vue
View file

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

2
packages/frontend/src/components/MkWaitingDialog.vue
View file

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

2
packages/frontend/src/components/MkWindow.vue
View file

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

2
packages/frontend/src/components/form/checkbox.vue
View file

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

2
packages/frontend/src/components/form/folder.vue
View file

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

2
packages/frontend/src/components/form/input.vue
View file

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

2
packages/frontend/src/components/form/link.vue
View file

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

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