Mizah/mizzkey
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Merge branch 'develop' into sw-notification-action

Browse source
This commit is contained in:
tamaina 2021-03-03 13:41:12 +09:00
commit 35fe912e5f
88 changed files with 757 additions and 435 deletions
Download patch file Download diff file Expand all files Collapse all files

9
src/client/components/autocomplete.vue
View file

@ -401,8 +401,7 @@ export default defineComponent({
z-index: 65535;
max-width: 100%;
margin-top: calc(1em + 8px);
overflow: hidden; // overflow: clip; をSafariが対応したら消す
overflow: clip;
overflow: hidden;
transition: top 0.1s ease, left 0.1s ease;
> ol {
@ -419,8 +418,7 @@ export default defineComponent({
align-items: center;
padding: 4px 12px;
white-space: nowrap;
overflow: hidden; // overflow: clip; をSafariが対応したら消す
overflow: clip;
overflow: hidden;
font-size: 0.9em;
cursor: default;
@ -429,8 +427,7 @@ export default defineComponent({
}
* {
overflow: hidden; // overflow: clip; をSafariが対応したら消す
overflow: clip;
overflow: hidden;
text-overflow: ellipsis;
}

3
src/client/components/channel-preview.vue
View file

@ -66,8 +66,7 @@ export default defineComponent({
<style lang="scss" scoped>
.eftoefju {
display: block;
overflow: hidden; // overflow: clip; をSafariが対応したら消す
overflow: clip;
overflow: hidden;
width: 100%;
&:hover {

3
src/client/components/drive.file.vue
View file

@ -342,8 +342,7 @@ export default defineComponent({
text-align: center;
word-break: break-all;
color: var(--fg);
overflow: hidden; // overflow: clip; をSafariが対応したら消す
overflow: clip;
overflow: hidden;
> .ext {
opacity: 0.5;

7
src/client/components/emoji-picker.vue
View file

@ -62,10 +62,6 @@
<header class="_acrylic">{{ $ts.emoji }}</header>
<XSection v-for="category in categories" :emojis="emojilist.filter(e => e.category === category).map(e => e.char)">{{ category }}</XSection>
</div>
<div>
<header class="_acrylic">{{ $ts.tags }}</header>
<XSection v-for="tag in emojiTags" :emojis="customEmojis.filter(e => e.aliases.includes(tag)).map(e => ':' + e.name + ':')">{{ tag }}</XSection>
</div>
</div>
<div class="tabs">
<button class="_button tab" :class="{ active: tab === 'index' }" @click="tab = 'index'"><Fa :icon="faAsterisk" fixed-width/></button>
@ -86,7 +82,7 @@ import Particle from '@/components/particle.vue';
import * as os from '@/os';
import { isDeviceTouch } from '@/scripts/is-device-touch';
import { isMobile } from '@/scripts/is-mobile';
import { emojiCategories, emojiTags } from '@/instance';
import { emojiCategories } from '@/instance';
import XSection from './emoji-picker.section.vue';
export default defineComponent({
@ -115,7 +111,6 @@ export default defineComponent({
height: this.asReactionPicker ? this.$store.state.reactionPickerHeight : 2,
big: this.asReactionPicker ? isDeviceTouch : false,
customEmojiCategories: emojiCategories,
emojiTags,
customEmojis: this.$instance.emojis,
q: null,
searchResultCustom: [],

3
src/client/components/form/input.vue
View file

@ -261,8 +261,7 @@ export default defineComponent({
display: inline-block;
min-width: 16px;
max-width: 150px;
overflow: hidden; // overflow: clip; をSafariが対応したら消す
overflow: clip;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

9
src/client/components/form/link.vue
View file

@ -8,7 +8,7 @@
<Fa :icon="faExternalLinkAlt" class="icon"/>
</span>
</a>
<MkA class="main _button _formPanel _formClickable" :class="{ active }" :to="to" v-else>
<MkA class="main _button _formPanel _formClickable" :class="{ active }" :to="to" :behavior="behavior" v-else>
<span class="icon"><slot name="icon"></slot></span>
<span class="text"><slot></slot></span>
<span class="right">
@ -38,6 +38,10 @@ export default defineComponent({
type: Boolean,
required: false
},
behavior: {
type: String,
required: false,
},
},
data() {
return {
@ -83,8 +87,7 @@ export default defineComponent({
> .text {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden; // overflow: clip; をSafariが対応したら消す
overflow: clip;
overflow: hidden;
padding-right: 12px;
}

5
src/client/components/global/a.vue
View file

@ -98,6 +98,11 @@ export default defineComponent({
},
nav() {
if (this.behavior === 'browser') {
location.href = this.to;
return;
}
if (this.to.startsWith('/my/messaging')) {
if (ColdDeviceStorage.get('chatOpenBehavior') === 'window') return this.window();
if (ColdDeviceStorage.get('chatOpenBehavior') === 'popout') return this.popout();

3
src/client/components/global/avatar.vue
View file

@ -101,8 +101,7 @@ export default defineComponent({
top: 0;
border-radius: 100%;
z-index: 1;
overflow: hidden; // overflow: clip; をSafariが対応したら消す
overflow: clip;
overflow: hidden;
object-fit: cover;
width: 100%;
height: 100%;

3
src/client/components/global/misskey-flavored-markdown.vue
View file

@ -126,8 +126,7 @@ export default defineComponent({
&.nowrap {
white-space: pre;
word-wrap: normal; // https://codeday.me/jp/qa/20190424/690106.html
overflow: hidden; // overflow: clip; をSafariが対応したら消す
overflow: clip;
overflow: hidden;
text-overflow: ellipsis;
}

3
src/client/components/instance-stats.vue
View file

@ -692,8 +692,7 @@ export default defineComponent({
> dd {
text-overflow: ellipsis;
overflow: hidden; // overflow: clip; をSafariが対応したら消す
overflow: clip;
overflow: hidden;
white-space: nowrap;
}

3
src/client/components/instance-ticker.vue
View file

@ -44,8 +44,7 @@ export default defineComponent({
height: $height;
border-radius: 4px 0 0 4px;
overflow: hidden; // overflow: clip; をSafariが対応したら消す
overflow: clip;
overflow: hidden;
color: #fff;
> .icon {

6
src/client/components/media-banner.vue
View file

@ -62,8 +62,7 @@ export default defineComponent({
width: 100%;
border-radius: 4px;
margin-top: 4px;
overflow: hidden; // overflow: clip; をSafariが対応したら消す
overflow: clip;
overflow: hidden;
> .download,
> .sensitive {
@ -78,8 +77,7 @@ export default defineComponent({
}
> b {
overflow: hidden; // overflow: clip; をSafariが対応したら消す
overflow: clip;
overflow: hidden;
text-overflow: ellipsis;
}

3
src/client/components/media-image.vue
View file

@ -143,8 +143,7 @@ export default defineComponent({
> a {
display: block;
cursor: zoom-in;
overflow: hidden; // overflow: clip; をSafariが対応したら消す
overflow: clip;
overflow: hidden;
width: 100%;
height: 100%;
background-position: center;

3
src/client/components/media-list.vue
View file

@ -105,8 +105,7 @@ export default defineComponent({
grid-gap: 4px;
> * {
overflow: hidden; // overflow: clip; をSafariが対応したら消す
overflow: clip;
overflow: hidden;
border-radius: 6px;
}

3
src/client/components/media-video.vue
View file

@ -78,8 +78,7 @@ export default defineComponent({
align-items: center;
font-size: 3.5em;
overflow: hidden; // overflow: clip; をSafariが対応したら消す
overflow: clip;
overflow: hidden;
background-position: center;
background-size: cover;
width: 100%;

6
src/client/components/note-detailed.vue
View file

@ -886,8 +886,7 @@ export default defineComponent({
.note {
position: relative;
transition: box-shadow 0.1s ease;
overflow: hidden; // overflow: clip; をSafariが対応したら消す
overflow: clip;
overflow: hidden;
contain: content;
&:focus-visible {
@ -947,8 +946,7 @@ export default defineComponent({
}
> span {
overflow: hidden; // overflow: clip; をSafariが対応したら消す
overflow: clip;
overflow: hidden;
flex-shrink: 1;
text-overflow: ellipsis;
white-space: nowrap;

6
src/client/components/note-header.vue
View file

@ -61,8 +61,7 @@ export default defineComponent({
display: block;
margin: 0 .5em 0 0;
padding: 0;
overflow: hidden; // overflow: clip; をSafariが対応したら消す
overflow: clip;
overflow: hidden;
font-size: 1em;
font-weight: bold;
text-decoration: none;
@ -91,8 +90,7 @@ export default defineComponent({
> .username {
margin: 0 .5em 0 0;
overflow: hidden; // overflow: clip; をSafariが対応したら消す
overflow: clip;
overflow: hidden;
text-overflow: ellipsis;
}

3
src/client/components/note-preview.vue
View file

@ -50,8 +50,7 @@ export default defineComponent({
display: flex;
margin: 0;
padding: 0;
overflow: hidden; // overflow: clip; をSafariが対応したら消す
overflow: clip;
overflow: hidden;
font-size: 0.95em;
> .avatar {

9
src/client/components/note.vue
View file

@ -861,8 +861,7 @@ export default defineComponent({
.tkcbzcuz {
position: relative;
transition: box-shadow 0.1s ease;
overflow: hidden; // overflow: clip; をSafariが対応したら消す
overflow: clip;
overflow: hidden;
contain: content;
// これらの指定はパフォーマンス向上には有効だが、ノートの高さは一定でないため、
@ -949,8 +948,7 @@ export default defineComponent({
}
> span {
overflow: hidden; // overflow: clip; をSafariが対応したら消す
overflow: clip;
overflow: hidden;
flex-shrink: 1;
text-overflow: ellipsis;
white-space: nowrap;
@ -1022,8 +1020,7 @@ export default defineComponent({
&.collapsed {
position: relative;
max-height: 9em;
overflow: hidden; // overflow: clip; をSafariが対応したら消す
overflow: clip;
overflow: hidden;
> .fade {
display: block;

6
src/client/components/notification.vue
View file

@ -268,8 +268,7 @@ export default defineComponent({
text-overflow: ellipsis;
white-space: nowrap;
min-width: 0;
overflow: hidden; // overflow: clip; をSafariが対応したら消す
overflow: clip;
overflow: hidden;
}
> .time {
@ -280,8 +279,7 @@ export default defineComponent({
> .text {
white-space: nowrap;
overflow: hidden; // overflow: clip; をSafariが対応したら消す
overflow: clip;
overflow: hidden;
text-overflow: ellipsis;
> [data-icon] {

3
src/client/components/poll.vue
View file

@ -112,8 +112,7 @@ export default defineComponent({
padding: 4px 8px;
border: solid 1px var(--divider);
border-radius: 4px;
overflow: hidden; // overflow: clip; をSafariが対応したら消す
overflow: clip;
overflow: hidden;
cursor: pointer;
&:hover {

3
src/client/components/post-form-attaches.vue
View file

@ -127,8 +127,7 @@ export default defineComponent({
height: 64px;
margin-right: 4px;
border-radius: 4px;
overflow: hidden; // overflow: clip; をSafariが対応したら消す
overflow: clip;
overflow: hidden;
cursor: move;
&:hover > .remove {

3
src/client/components/sidebar.vue
View file

@ -390,8 +390,7 @@ export default defineComponent({
font-size: $ui-font-size;
line-height: 3rem;
text-overflow: ellipsis;
overflow: hidden; // overflow: clip; をSafariが対応したら消す
overflow: clip;
overflow: hidden;
white-space: nowrap;
width: 100%;
text-align: left;

3
src/client/components/toast.vue
View file

@ -67,8 +67,7 @@ export default defineComponent({
height: 100%;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
border-radius: 8px;
overflow: hidden; // overflow: clip; をSafariが対応したら消す
overflow: clip;
overflow: hidden;
}
}
</style>

6
src/client/components/ui/button.vue
View file

@ -124,8 +124,7 @@ export default defineComponent({
text-decoration: none;
background: var(--buttonBg);
border-radius: 999px;
overflow: hidden; // overflow: clip; をSafariが対応したら消す
overflow: clip;
overflow: hidden;
&:not(:disabled):hover {
background: var(--buttonHoverBg);
@ -213,8 +212,7 @@ export default defineComponent({
width: 100%;
height: 100%;
border-radius: 6px;
overflow: hidden; // overflow: clip; をSafariが対応したら消す
overflow: clip;
overflow: hidden;
::v-deep(div) {
position: absolute;

3
src/client/components/ui/container.vue
View file

@ -116,8 +116,7 @@ export default defineComponent({
.ukygtjoj {
position: relative;
overflow: hidden; // overflow: clip; をSafariが対応したら消す
overflow: clip;
overflow: hidden;
&.naked {
background: transparent !important;

6
src/client/components/ui/input.vue
View file

@ -298,8 +298,7 @@ export default defineComponent({
transform: scale(.75);
white-space: nowrap;
width: 133%;
overflow: hidden; // overflow: clip; をSafariが対応したら消す
overflow: clip;
overflow: hidden;
text-overflow: ellipsis;
> .warning {
@ -355,8 +354,7 @@ export default defineComponent({
display: inline-block;
min-width: 16px;
max-width: 150px;
overflow: hidden; // overflow: clip; をSafariが対応したら消す
overflow: clip;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

3
src/client/components/ui/menu.vue
View file

@ -155,8 +155,7 @@ export default defineComponent({
font-size: 0.9em;
line-height: 20px;
text-align: center;
overflow: hidden; // overflow: clip; をSafariが対応したら消す
overflow: clip;
overflow: hidden;
text-overflow: ellipsis;
&.danger {

6
src/client/components/ui/modal-window.vue
View file

@ -89,8 +89,7 @@ export default defineComponent({
<style lang="scss" scoped>
.ebkgoccj {
overflow: hidden; // overflow: clip; をSafariが対応したら消す
overflow: clip;
overflow: hidden;
display: flex;
flex-direction: column;
contain: content;
@ -124,8 +123,7 @@ export default defineComponent({
padding-left: 32px;
font-weight: bold;
white-space: nowrap;
overflow: hidden; // overflow: clip; をSafariが対応したら消す
overflow: clip;
overflow: hidden;
text-overflow: ellipsis;
pointer-events: none;

3
src/client/components/ui/range.vue
View file

@ -89,8 +89,7 @@ export default defineComponent({
pointer-events: none;
font-size: 16px;
color: var(--inputLabel);
overflow: hidden; // overflow: clip; をSafariが対応したら消す
overflow: clip;
overflow: hidden;
}
> input {

6
src/client/components/ui/window.vue
View file

@ -402,8 +402,7 @@ export default defineComponent({
}
> .body {
overflow: hidden; // overflow: clip; をSafariが対応したら消す
overflow: clip;
overflow: hidden;
display: flex;
flex-direction: column;
contain: content;
@ -438,8 +437,7 @@ export default defineComponent({
position: relative;
line-height: var(--height);
white-space: nowrap;
overflow: hidden; // overflow: clip; をSafariが対応したら消す
overflow: clip;
overflow: hidden;
text-overflow: ellipsis;
text-align: center;
cursor: move;

6
src/client/components/url-preview.vue
View file

@ -244,8 +244,7 @@ export default defineComponent({
font-size: 14px;
box-shadow: 0 0 0 1px var(--divider);
border-radius: 8px;
overflow: hidden; // overflow: clip; をSafariが対応したら消す
overflow: clip;
overflow: hidden;
&:hover {
text-decoration: none;
@ -327,8 +326,7 @@ export default defineComponent({
&.compact {
> article {
> header h1, p, footer {
overflow: hidden; // overflow: clip; をSafariが対応したら消す
overflow: clip;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

3
src/client/components/user-info.vue
View file

@ -110,8 +110,7 @@ export default defineComponent({
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden; // overflow: clip; をSafariが対応したら消す
overflow: clip;
overflow: hidden;
}
}

3
src/client/components/user-preview.vue
View file

@ -111,8 +111,7 @@ export default defineComponent({
position: absolute;
z-index: 11000;
width: 300px;
overflow: hidden; // overflow: clip; をSafariが対応したら消す
overflow: clip;
overflow: hidden;
transform-origin: center top;
> .info {

6
src/client/components/users-dialog.vue
View file

@ -66,8 +66,7 @@ export default defineComponent({
height: 350px;
background: var(--panel);
border-radius: var(--radius);
overflow: hidden; // overflow: clip; をSafariが対応したら消す
overflow: clip;
overflow: hidden;
display: flex;
flex-direction: column;
@ -128,8 +127,7 @@ export default defineComponent({
> .body {
padding: 0 8px;
overflow: hidden; // overflow: clip; をSafariが対応したら消す
overflow: clip;
overflow: hidden;
> .name {
display: block;

3
src/client/components/visibility-picker.vue
View file

@ -141,8 +141,7 @@ export default defineComponent({
> *:nth-child(2) {
flex: 1 1 auto;
white-space: nowrap;
overflow: hidden; // overflow: clip; をSafariが対応したら消す
overflow: clip;
overflow: hidden;
text-overflow: ellipsis;
> span:first-child {

1
src/client/init.ts
View file

@ -76,6 +76,7 @@ console.info(`Misskey v${version}`);
// boot.jsのやつを解除
window.onerror = null;
window.onunhandledrejection = null;
if (_DEV_) {
console.warn('Development mode!!!');

2
src/client/os.ts
View file

@ -305,7 +305,7 @@ export async function pickEmoji(src?: HTMLElement, opts) {
type AwaitType<T> =
T extends Promise<infer U> ? U :
T extends (...args: Array<any>) => Promise<infer V> ? V :
T extends (...args: any[]) => Promise<infer V> ? V :
T;
let openingEmojiPicker: AwaitType<ReturnType<typeof popup>> | null = null;
let activeTextarea: HTMLTextAreaElement | HTMLInputElement | null = null;

2
src/client/pages/about-misskey.vue
View file

@ -1,5 +1,5 @@
<template>
<div style="overflow: hidden; overflow: clip;">
<div style="overflow: hidden;">
<FormBase class="znqjceqz">
<div id="debug"></div>
<section class="_formItem about">

6
src/client/pages/follow-requests.vue
View file

@ -104,8 +104,7 @@ export default defineComponent({
display: block;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden; // overflow: clip; をSafariが対応したら消す
overflow: clip;
overflow: hidden;
margin: 0;
}
@ -125,8 +124,7 @@ export default defineComponent({
width: 55%;
line-height: 42px;
white-space: nowrap;
overflow: hidden; // overflow: clip; をSafariが対応したら消す
overflow: clip;
overflow: hidden;
text-overflow: ellipsis;
opacity: 0.7;
font-size: 14px;

18
src/client/pages/instance/emojis.vue
View file

@ -178,20 +178,17 @@ export default defineComponent({
> .body {
padding: 0 0 0 8px;
white-space: nowrap;
overflow: hidden; // overflow: clip; をSafariが対応したら消す
overflow: clip;
overflow: hidden;
> .name {
text-overflow: ellipsis;
overflow: hidden; // overflow: clip; をSafariが対応したら消す
overflow: clip;
overflow: hidden;
}
> .info {
opacity: 0.5;
text-overflow: ellipsis;
overflow: hidden; // overflow: clip; をSafariが対応したら消す
overflow: clip;
overflow: hidden;
}
}
}
@ -222,20 +219,17 @@ export default defineComponent({
> .body {
padding: 0 0 0 8px;
white-space: nowrap;
overflow: hidden; // overflow: clip; をSafariが対応したら消す
overflow: clip;
overflow: hidden;
> .name {
text-overflow: ellipsis;
overflow: hidden; // overflow: clip; をSafariが対応したら消す
overflow: clip;
overflow: hidden;
}
> .info {
opacity: 0.5;
text-overflow: ellipsis;
overflow: hidden; // overflow: clip; をSafariが対応したら消す
overflow: clip;
overflow: hidden;
}
}
}

9
src/client/pages/messaging/index.vue
View file

@ -226,14 +226,12 @@ export default defineComponent({
align-items: center;
margin-bottom: 2px;
white-space: nowrap;
overflow: hidden; // overflow: clip; をSafariが対応したら消す
overflow: clip;
overflow: hidden;
> .name {
margin: 0;
padding: 0;
overflow: hidden; // overflow: clip; をSafariが対応したら消す
overflow: clip;
overflow: hidden;
text-overflow: ellipsis;
font-size: 1em;
font-weight: bold;
@ -264,8 +262,7 @@ export default defineComponent({
display: block;
margin: 0 0 0 0;
padding: 0;
overflow: hidden; // overflow: clip; をSafariが対応したら消す
overflow: clip;
overflow: hidden;
overflow-wrap: break-word;
font-size: 1.1em;
color: var(--faceText);

9
src/client/pages/messaging/messaging-room.message.vue
View file

@ -154,8 +154,7 @@ export default defineComponent({
display: block;
margin: 0;
padding: 0;
overflow: hidden; // overflow: clip; をSafariが対応したら消す
overflow: clip;
overflow: hidden;
overflow-wrap: break-word;
font-size: 1em;
color: rgba(#000, 0.5);
@ -165,8 +164,7 @@ export default defineComponent({
display: block;
margin: 0;
padding: 12px 18px;
overflow: hidden; // overflow: clip; をSafariが対応したら消す
overflow: clip;
overflow: hidden;
overflow-wrap: break-word;
word-break: break-word;
font-size: 1em;
@ -184,8 +182,7 @@ export default defineComponent({
display: block;
max-width: 100%;
border-radius: 16px;
overflow: hidden; // overflow: clip; をSafariが対応したら消す
overflow: clip;
overflow: hidden;
text-decoration: none;
&:hover {

3
src/client/pages/page-editor/page-editor.container.vue
View file

@ -74,8 +74,7 @@ export default defineComponent({
<style lang="scss" scoped>
.cpjygsrt {
position: relative;
overflow: hidden; // overflow: clip; をSafariが対応したら消す
overflow: clip;
overflow: hidden;
background: var(--panel);
border: solid 2px var(--X12);
border-radius: 6px;

3
src/client/pages/reversi/game.board.vue
View file

@ -434,8 +434,7 @@ export default defineComponent({
> div {
background: transparent;
border-radius: 6px;
overflow: hidden; // overflow: clip; をSafariが対応したら消す
overflow: clip;
overflow: hidden;
* {
pointer-events: none;

3
src/client/pages/reversi/game.setting.vue
View file

@ -333,8 +333,7 @@ export default defineComponent({
background: transparent;
border: solid 2px var(--divider);
border-radius: 6px;
overflow: hidden; // overflow: clip; をSafariが対応したら消す
overflow: clip;
overflow: hidden;
cursor: pointer;
* {

3
src/client/pages/settings/drive.vue
View file

@ -230,8 +230,7 @@ export default defineComponent({
$size: 12px;
background: rgba(0, 0, 0, 0.1);
border-radius: ($size / 2);
overflow: hidden; // overflow: clip; をSafariが対応したら消す
overflow: clip;
overflow: hidden;
> div {
height: $size;

7
src/client/pages/settings/other.vue
View file

@ -23,13 +23,16 @@
<FormLink to="/settings/registry"><template #icon><Fa :icon="faCogs"/></template>{{ $ts.registry }}</FormLink>
<FormLink to="/bios" behavior="browser"><template #icon><Fa :icon="faDoorOpen"/></template>BIOS</FormLink>
<FormLink to="/cli" behavior="browser"><template #icon><Fa :icon="faDoorOpen"/></template>CLI</FormLink>
<FormButton @click="closeAccount" danger>{{ $ts.closeAccount }}</FormButton>
</FormBase>
</template>
<script lang="ts">
import { defineAsyncComponent, defineComponent } from 'vue';
import { faEllipsisH, faCogs } from '@fortawesome/free-solid-svg-icons';
import { faEllipsisH, faCogs, faDoorOpen } from '@fortawesome/free-solid-svg-icons';
import FormSwitch from '@/components/form/switch.vue';
import FormSelect from '@/components/form/select.vue';
import FormLink from '@/components/form/link.vue';
@ -61,7 +64,7 @@ export default defineComponent({
icon: faEllipsisH
},
debug,
faCogs
faCogs, faDoorOpen,
}
},

3
src/client/pages/settings/security.vue
View file

@ -144,8 +144,7 @@ export default defineComponent({
flex: 1;
min-width: 0;
white-space: nowrap;
overflow: hidden; // overflow: clip; をSafariが対応したら消す
overflow: clip;
overflow: hidden;
text-overflow: ellipsis;
margin-right: 12px;
}

3
src/client/pages/settings/theme.vue
View file

@ -184,8 +184,7 @@ export default defineComponent({
position: absolute;
top: 50%;
left: 50%;
overflow: hidden; // overflow: clip; をSafariが対応したら消す
overflow: clip;
overflow: hidden;
padding: 0 100px;
transform: translate3d(-50%, -50%, 0);

24
src/client/pages/user/index.vue
View file

@ -369,8 +369,7 @@ export default defineComponent({
position: relative;
height: 450px;
border-radius: 16px;
overflow: hidden; // overflow: clip; をSafariが対応したら消す
overflow: clip;
overflow: hidden;
background-size: cover;
background-position: center;
@ -473,8 +472,7 @@ export default defineComponent({
> .name {
width: 30%;
overflow: hidden; // overflow: clip; をSafariが対応したら消す
overflow: clip;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-weight: bold;
@ -482,8 +480,7 @@ export default defineComponent({
> .value {
width: 70%;
overflow: hidden; // overflow: clip; をSafariが対応したら消す
overflow: clip;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
margin: 0;
@ -545,8 +542,7 @@ export default defineComponent({
.ftskorzw.narrow {
max-width: 100vw;
box-sizing: border-box;
overflow: hidden; // overflow: clip; をSafariが対応したら消す
overflow: clip;
overflow: hidden;
> .punished {
font-size: 0.8em;
@ -557,14 +553,12 @@ export default defineComponent({
> .main {
position: relative;
overflow: hidden; // overflow: clip; をSafariが対応したら消す
overflow: clip;
overflow: hidden;
> .banner-container {
position: relative;
height: 250px;
overflow: hidden; // overflow: clip; をSafariが対応したら消す
overflow: clip;
overflow: hidden;
background-size: cover;
background-position: center;
@ -709,8 +703,7 @@ export default defineComponent({
> .name {
width: 30%;
overflow: hidden; // overflow: clip; をSafariが対応したら消す
overflow: clip;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-weight: bold;
@ -719,8 +712,7 @@ export default defineComponent({
> .value {
width: 70%;
overflow: hidden; // overflow: clip; をSafariが対応したら消す
overflow: clip;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
margin: 0;

3
src/client/pages/welcome.entrance.a.vue
View file

@ -167,8 +167,7 @@ export default defineComponent({
margin: auto;
width: 500px;
height: calc(100% - 128px);
overflow: hidden; // overflow: clip; をSafariが対応したら消す
overflow: clip;
overflow: hidden;
-webkit-mask-image: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 128px, rgba(0,0,0,1) calc(100% - 128px), rgba(0,0,0,0) 100%);
mask-image: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 128px, rgba(0,0,0,1) calc(100% - 128px), rgba(0,0,0,0) 100%);

3
src/client/pages/welcome.entrance.b.vue
View file

@ -151,8 +151,7 @@ export default defineComponent({
margin: auto;
width: 500px;
height: calc(100% - 128px);
overflow: hidden; // overflow: clip; をSafariが対応したら消す
overflow: clip;
overflow: hidden;
-webkit-mask-image: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 128px, rgba(0,0,0,1) calc(100% - 128px), rgba(0,0,0,0) 100%);
mask-image: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 128px, rgba(0,0,0,1) calc(100% - 128px), rgba(0,0,0,0) 100%);
}

3
src/client/pages/welcome.setup.vue
View file

@ -71,8 +71,7 @@ export default defineComponent({
.mk-setup {
border-radius: var(--radius);
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
overflow: hidden; // overflow: clip; をSafariが対応したら消す
overflow: clip;
overflow: hidden;
> h1 {
margin: 0;

11
src/client/style.scss
View file

@ -241,8 +241,7 @@ hr {
border-radius: var(--radius);
//border: var(--panelBorder);
box-shadow: var(--panelShadow);
overflow: hidden; // overflow: clip; をSafariが対応したら消す
overflow: clip;
overflow: hidden;
}
._card {
@ -458,14 +457,6 @@ hr {
opacity: 0.7;
}
// TODO: refactor: 全てのvueファイル中の text-overflow: ellipsis; している箇所をこのクラスを使って置き換える
._oneline {
white-space: nowrap;
overflow: hidden; // overflow: clip; をSafariが対応したら消す
overflow: clip;
text-overflow: ellipsis;
}
._monospace {
font-family: Fira code, Fira Mono, Consolas, Menlo, Courier, monospace;
}

3
src/client/ui/_common_/header.vue
View file

@ -132,8 +132,7 @@ export default defineComponent({
display: inline-block;
vertical-align: bottom;
white-space: nowrap;
overflow: hidden; // overflow: clip; をSafariが対応したら消す
overflow: clip;
overflow: hidden;
text-overflow: ellipsis;
padding: 0 16px;
position: relative;

6
src/client/ui/_common_/upload.vue
View file

@ -89,8 +89,7 @@ export default defineComponent({
font-size: 0.8em;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden; // overflow: clip; をSafariが対応したら消す
overflow: clip;
overflow: hidden;
flex-shrink: 1;
}
.mk-uploader > ol > li > .top > .name > [data-icon] {
@ -120,8 +119,7 @@ export default defineComponent({
background: transparent;
border: none;
border-radius: 4px;
overflow: hidden; // overflow: clip; をSafariが対応したら消す
overflow: clip;
overflow: hidden;
grid-column: 2/3;
grid-row: 2/3;
z-index: 2;

12
src/client/ui/chat/index.vue
View file

@ -427,8 +427,7 @@ export default defineComponent({
> .text {
white-space: nowrap;
overflow: hidden; // overflow: clip; をSafariが対応したら消す
overflow: clip;
overflow: hidden;
text-overflow: ellipsis;
font-size: 0.9em;
}
@ -483,8 +482,7 @@ export default defineComponent({
padding: 6px 8px;
border-radius: 4px;
white-space: nowrap;
overflow: hidden; // overflow: clip; をSafariが対応したら消す
overflow: clip;
overflow: hidden;
text-overflow: ellipsis;
&:hover {
@ -547,8 +545,7 @@ export default defineComponent({
}
> .title {
overflow: hidden; // overflow: clip; をSafariが対応したら消す
overflow: clip;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
min-width: 0;
@ -559,8 +556,7 @@ export default defineComponent({
font-size: 0.8em;
font-weight: normal;
white-space: nowrap;
overflow: hidden; // overflow: clip; をSafariが対応したら消す
overflow: clip;
overflow: hidden;
text-overflow: ellipsis;
}
}

6
src/client/ui/chat/note-header.vue
View file

@ -62,8 +62,7 @@ export default defineComponent({
display: block;
margin: 0 .5em 0 0;
padding: 0;
overflow: hidden; // overflow: clip; をSafariが対応したら消す
overflow: clip;
overflow: hidden;
font-size: 1em;
font-weight: bold;
text-decoration: none;
@ -92,8 +91,7 @@ export default defineComponent({
> .username {
margin: 0 .5em 0 0;
overflow: hidden; // overflow: clip; をSafariが対応したら消す
overflow: clip;
overflow: hidden;
text-overflow: ellipsis;
}

3
src/client/ui/chat/note-preview.vue
View file

@ -50,8 +50,7 @@ export default defineComponent({
display: flex;
margin: 0;
padding: 0;
overflow: hidden; // overflow: clip; をSafariが対応したら消す
overflow: clip;
overflow: hidden;
font-size: 0.95em;
> .avatar {

6
src/client/ui/chat/note.vue
View file

@ -955,8 +955,7 @@ export default defineComponent({
}
> span {
overflow: hidden; // overflow: clip; をSafariが対応したら消す
overflow: clip;
overflow: hidden;
flex-shrink: 1;
text-overflow: ellipsis;
white-space: nowrap;
@ -1029,8 +1028,7 @@ export default defineComponent({
&.collapsed {
position: relative;
max-height: 9em;
overflow: hidden; // overflow: clip; をSafariが対応したら消す
overflow: clip;
overflow: hidden;
> .fade {
display: block;

6
src/client/ui/deck/column.vue
View file

@ -268,8 +268,7 @@ export default defineComponent({
--section-padding: 10px;
height: 100%;
overflow: hidden; // overflow: clip; をSafariが対応したら消す
overflow: clip;
overflow: hidden;
contain: content;
&.draghover {
@ -359,8 +358,7 @@ export default defineComponent({
> .header {
display: inline-block;
align-items: center;
overflow: hidden; // overflow: clip; をSafariが対応したら消す
overflow: clip;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

6
src/client/ui/visitor/header.vue
View file

@ -125,8 +125,7 @@ export default defineComponent({
display: inline-block;
vertical-align: bottom;
white-space: nowrap;
overflow: hidden; // overflow: clip; をSafariが対応したら消す
overflow: clip;
overflow: hidden;
text-overflow: ellipsis;
position: relative;
@ -207,8 +206,7 @@ export default defineComponent({
> .title {
flex: 1;
white-space: nowrap;
overflow: hidden; // overflow: clip; をSafariが対応したら消す
overflow: clip;
overflow: hidden;
text-overflow: ellipsis;
position: relative;
text-align: center;

3
src/client/widgets/calendar.vue
View file

@ -171,8 +171,7 @@ export default defineComponent({
> .meter {
width: 100%;
overflow: hidden; // overflow: clip; をSafariが対応したら消す
overflow: clip;
overflow: hidden;
background: var(--X11);
border-radius: 8px;

9
src/client/widgets/federation.vue
View file

@ -89,8 +89,7 @@ export default defineComponent({
$bodyInfoHieght: 16px;
height: (62px + 1px) + (62px + 1px) + (62px + 1px) + (62px + 1px) + 62px;
overflow: hidden; // overflow: clip; をSafariが対応したら消す
overflow: clip;
overflow: hidden;
> .instances {
.chart-move {
@ -114,8 +113,7 @@ export default defineComponent({
> .body {
flex: 1;
overflow: hidden; // overflow: clip; をSafariが対応したら消す
overflow: clip;
overflow: hidden;
font-size: 0.9em;
color: var(--fg);
@ -123,8 +121,7 @@ export default defineComponent({
display: block;
width: 100%;
white-space: nowrap;
overflow: hidden; // overflow: clip; をSafariが対応したら消す
overflow: clip;
overflow: hidden;
text-overflow: ellipsis;
line-height: $bodyTitleHieght;
}

3
src/client/widgets/rss.vue
View file

@ -80,8 +80,7 @@ export default defineComponent({
color: var(--fg);
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden; // overflow: clip; をSafariが対応したら消す
overflow: clip;
overflow: hidden;
&:nth-child(even) {
background: rgba(#000, 0.05);

9
src/client/widgets/trends.vue
View file

@ -68,8 +68,7 @@ export default defineComponent({
<style lang="scss" scoped>
.wbrkwala {
height: (62px + 1px) + (62px + 1px) + (62px + 1px) + (62px + 1px) + 62px;
overflow: hidden; // overflow: clip; をSafariが対応したら消す
overflow: clip;
overflow: hidden;
> .tags {
.chart-move {
@ -84,8 +83,7 @@ export default defineComponent({
> .tag {
flex: 1;
overflow: hidden; // overflow: clip; をSafariが対応したら消す
overflow: clip;
overflow: hidden;
font-size: 0.9em;
color: var(--fg);
@ -93,8 +91,7 @@ export default defineComponent({
display: block;
width: 100%;
white-space: nowrap;
overflow: hidden; // overflow: clip; をSafariが対応したら消す
overflow: clip;
overflow: hidden;
text-overflow: ellipsis;
line-height: 18px;
}