Merge branch 'develop' of https://github.com/syuilo/misskey into develop
This commit is contained in:
commit
878f09460c
64 changed files with 128 additions and 232 deletions
|
@ -120,7 +120,7 @@
|
||||||
"broadcast-channel": "3.4.1",
|
"broadcast-channel": "3.4.1",
|
||||||
"bull": "3.20.1",
|
"bull": "3.20.1",
|
||||||
"cafy": "15.2.1",
|
"cafy": "15.2.1",
|
||||||
"cbor": "7.0.1",
|
"cbor": "7.0.3",
|
||||||
"chalk": "4.1.0",
|
"chalk": "4.1.0",
|
||||||
"chart.js": "2.9.4",
|
"chart.js": "2.9.4",
|
||||||
"cli-highlight": "2.1.10",
|
"cli-highlight": "2.1.10",
|
||||||
|
@ -250,7 +250,7 @@
|
||||||
"vue-json-pretty": "1.7.1",
|
"vue-json-pretty": "1.7.1",
|
||||||
"vue-loader": "16.1.2",
|
"vue-loader": "16.1.2",
|
||||||
"vue-prism-editor": "2.0.0-alpha.2",
|
"vue-prism-editor": "2.0.0-alpha.2",
|
||||||
"vue-router": "4.0.3",
|
"vue-router": "4.0.4",
|
||||||
"vue-style-loader": "4.1.2",
|
"vue-style-loader": "4.1.2",
|
||||||
"vuedraggable": "4.0.1",
|
"vuedraggable": "4.0.1",
|
||||||
"web-push": "3.4.4",
|
"web-push": "3.4.4",
|
||||||
|
|
|
@ -401,8 +401,7 @@ export default defineComponent({
|
||||||
z-index: 65535;
|
z-index: 65535;
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
margin-top: calc(1em + 8px);
|
margin-top: calc(1em + 8px);
|
||||||
overflow: hidden; // overflow: clip; をSafariが対応したら消す
|
overflow: hidden;
|
||||||
overflow: clip;
|
|
||||||
transition: top 0.1s ease, left 0.1s ease;
|
transition: top 0.1s ease, left 0.1s ease;
|
||||||
|
|
||||||
> ol {
|
> ol {
|
||||||
|
@ -419,8 +418,7 @@ export default defineComponent({
|
||||||
align-items: center;
|
align-items: center;
|
||||||
padding: 4px 12px;
|
padding: 4px 12px;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
overflow: hidden; // overflow: clip; をSafariが対応したら消す
|
overflow: hidden;
|
||||||
overflow: clip;
|
|
||||||
font-size: 0.9em;
|
font-size: 0.9em;
|
||||||
cursor: default;
|
cursor: default;
|
||||||
|
|
||||||
|
@ -429,8 +427,7 @@ export default defineComponent({
|
||||||
}
|
}
|
||||||
|
|
||||||
* {
|
* {
|
||||||
overflow: hidden; // overflow: clip; をSafariが対応したら消す
|
overflow: hidden;
|
||||||
overflow: clip;
|
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -66,8 +66,7 @@ export default defineComponent({
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.eftoefju {
|
.eftoefju {
|
||||||
display: block;
|
display: block;
|
||||||
overflow: hidden; // overflow: clip; をSafariが対応したら消す
|
overflow: hidden;
|
||||||
overflow: clip;
|
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
|
|
|
@ -342,8 +342,7 @@ export default defineComponent({
|
||||||
text-align: center;
|
text-align: center;
|
||||||
word-break: break-all;
|
word-break: break-all;
|
||||||
color: var(--fg);
|
color: var(--fg);
|
||||||
overflow: hidden; // overflow: clip; をSafariが対応したら消す
|
overflow: hidden;
|
||||||
overflow: clip;
|
|
||||||
|
|
||||||
> .ext {
|
> .ext {
|
||||||
opacity: 0.5;
|
opacity: 0.5;
|
||||||
|
|
|
@ -261,8 +261,7 @@ export default defineComponent({
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
min-width: 16px;
|
min-width: 16px;
|
||||||
max-width: 150px;
|
max-width: 150px;
|
||||||
overflow: hidden; // overflow: clip; をSafariが対応したら消す
|
overflow: hidden;
|
||||||
overflow: clip;
|
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
}
|
}
|
||||||
|
|
|
@ -83,8 +83,7 @@ export default defineComponent({
|
||||||
> .text {
|
> .text {
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
overflow: hidden; // overflow: clip; をSafariが対応したら消す
|
overflow: hidden;
|
||||||
overflow: clip;
|
|
||||||
padding-right: 12px;
|
padding-right: 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -101,8 +101,7 @@ export default defineComponent({
|
||||||
top: 0;
|
top: 0;
|
||||||
border-radius: 100%;
|
border-radius: 100%;
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
overflow: hidden; // overflow: clip; をSafariが対応したら消す
|
overflow: hidden;
|
||||||
overflow: clip;
|
|
||||||
object-fit: cover;
|
object-fit: cover;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
|
|
@ -126,8 +126,7 @@ export default defineComponent({
|
||||||
&.nowrap {
|
&.nowrap {
|
||||||
white-space: pre;
|
white-space: pre;
|
||||||
word-wrap: normal; // https://codeday.me/jp/qa/20190424/690106.html
|
word-wrap: normal; // https://codeday.me/jp/qa/20190424/690106.html
|
||||||
overflow: hidden; // overflow: clip; をSafariが対応したら消す
|
overflow: hidden;
|
||||||
overflow: clip;
|
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -692,8 +692,7 @@ export default defineComponent({
|
||||||
|
|
||||||
> dd {
|
> dd {
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
overflow: hidden; // overflow: clip; をSafariが対応したら消す
|
overflow: hidden;
|
||||||
overflow: clip;
|
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -44,8 +44,7 @@ export default defineComponent({
|
||||||
|
|
||||||
height: $height;
|
height: $height;
|
||||||
border-radius: 4px 0 0 4px;
|
border-radius: 4px 0 0 4px;
|
||||||
overflow: hidden; // overflow: clip; をSafariが対応したら消す
|
overflow: hidden;
|
||||||
overflow: clip;
|
|
||||||
color: #fff;
|
color: #fff;
|
||||||
|
|
||||||
> .icon {
|
> .icon {
|
||||||
|
|
|
@ -62,8 +62,7 @@ export default defineComponent({
|
||||||
width: 100%;
|
width: 100%;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
margin-top: 4px;
|
margin-top: 4px;
|
||||||
overflow: hidden; // overflow: clip; をSafariが対応したら消す
|
overflow: hidden;
|
||||||
overflow: clip;
|
|
||||||
|
|
||||||
> .download,
|
> .download,
|
||||||
> .sensitive {
|
> .sensitive {
|
||||||
|
@ -78,8 +77,7 @@ export default defineComponent({
|
||||||
}
|
}
|
||||||
|
|
||||||
> b {
|
> b {
|
||||||
overflow: hidden; // overflow: clip; をSafariが対応したら消す
|
overflow: hidden;
|
||||||
overflow: clip;
|
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -143,8 +143,7 @@ export default defineComponent({
|
||||||
> a {
|
> a {
|
||||||
display: block;
|
display: block;
|
||||||
cursor: zoom-in;
|
cursor: zoom-in;
|
||||||
overflow: hidden; // overflow: clip; をSafariが対応したら消す
|
overflow: hidden;
|
||||||
overflow: clip;
|
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
background-position: center;
|
background-position: center;
|
||||||
|
|
|
@ -105,8 +105,7 @@ export default defineComponent({
|
||||||
grid-gap: 4px;
|
grid-gap: 4px;
|
||||||
|
|
||||||
> * {
|
> * {
|
||||||
overflow: hidden; // overflow: clip; をSafariが対応したら消す
|
overflow: hidden;
|
||||||
overflow: clip;
|
|
||||||
border-radius: 6px;
|
border-radius: 6px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -78,8 +78,7 @@ export default defineComponent({
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
||||||
font-size: 3.5em;
|
font-size: 3.5em;
|
||||||
overflow: hidden; // overflow: clip; をSafariが対応したら消す
|
overflow: hidden;
|
||||||
overflow: clip;
|
|
||||||
background-position: center;
|
background-position: center;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
|
@ -886,8 +886,7 @@ export default defineComponent({
|
||||||
.note {
|
.note {
|
||||||
position: relative;
|
position: relative;
|
||||||
transition: box-shadow 0.1s ease;
|
transition: box-shadow 0.1s ease;
|
||||||
overflow: hidden; // overflow: clip; をSafariが対応したら消す
|
overflow: hidden;
|
||||||
overflow: clip;
|
|
||||||
contain: content;
|
contain: content;
|
||||||
|
|
||||||
&:focus-visible {
|
&:focus-visible {
|
||||||
|
@ -947,8 +946,7 @@ export default defineComponent({
|
||||||
}
|
}
|
||||||
|
|
||||||
> span {
|
> span {
|
||||||
overflow: hidden; // overflow: clip; をSafariが対応したら消す
|
overflow: hidden;
|
||||||
overflow: clip;
|
|
||||||
flex-shrink: 1;
|
flex-shrink: 1;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
|
|
|
@ -61,8 +61,7 @@ export default defineComponent({
|
||||||
display: block;
|
display: block;
|
||||||
margin: 0 .5em 0 0;
|
margin: 0 .5em 0 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
overflow: hidden; // overflow: clip; をSafariが対応したら消す
|
overflow: hidden;
|
||||||
overflow: clip;
|
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
@ -91,8 +90,7 @@ export default defineComponent({
|
||||||
|
|
||||||
> .username {
|
> .username {
|
||||||
margin: 0 .5em 0 0;
|
margin: 0 .5em 0 0;
|
||||||
overflow: hidden; // overflow: clip; をSafariが対応したら消す
|
overflow: hidden;
|
||||||
overflow: clip;
|
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -50,8 +50,7 @@ export default defineComponent({
|
||||||
display: flex;
|
display: flex;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
overflow: hidden; // overflow: clip; をSafariが対応したら消す
|
overflow: hidden;
|
||||||
overflow: clip;
|
|
||||||
font-size: 0.95em;
|
font-size: 0.95em;
|
||||||
|
|
||||||
> .avatar {
|
> .avatar {
|
||||||
|
|
|
@ -861,8 +861,7 @@ export default defineComponent({
|
||||||
.tkcbzcuz {
|
.tkcbzcuz {
|
||||||
position: relative;
|
position: relative;
|
||||||
transition: box-shadow 0.1s ease;
|
transition: box-shadow 0.1s ease;
|
||||||
overflow: hidden; // overflow: clip; をSafariが対応したら消す
|
overflow: hidden;
|
||||||
overflow: clip;
|
|
||||||
contain: content;
|
contain: content;
|
||||||
|
|
||||||
// これらの指定はパフォーマンス向上には有効だが、ノートの高さは一定でないため、
|
// これらの指定はパフォーマンス向上には有効だが、ノートの高さは一定でないため、
|
||||||
|
@ -949,8 +948,7 @@ export default defineComponent({
|
||||||
}
|
}
|
||||||
|
|
||||||
> span {
|
> span {
|
||||||
overflow: hidden; // overflow: clip; をSafariが対応したら消す
|
overflow: hidden;
|
||||||
overflow: clip;
|
|
||||||
flex-shrink: 1;
|
flex-shrink: 1;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
|
@ -1022,8 +1020,7 @@ export default defineComponent({
|
||||||
&.collapsed {
|
&.collapsed {
|
||||||
position: relative;
|
position: relative;
|
||||||
max-height: 9em;
|
max-height: 9em;
|
||||||
overflow: hidden; // overflow: clip; をSafariが対応したら消す
|
overflow: hidden;
|
||||||
overflow: clip;
|
|
||||||
|
|
||||||
> .fade {
|
> .fade {
|
||||||
display: block;
|
display: block;
|
||||||
|
|
|
@ -257,8 +257,7 @@ export default defineComponent({
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
min-width: 0;
|
min-width: 0;
|
||||||
overflow: hidden; // overflow: clip; をSafariが対応したら消す
|
overflow: hidden;
|
||||||
overflow: clip;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
> .time {
|
> .time {
|
||||||
|
@ -269,8 +268,7 @@ export default defineComponent({
|
||||||
|
|
||||||
> .text {
|
> .text {
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
overflow: hidden; // overflow: clip; をSafariが対応したら消す
|
overflow: hidden;
|
||||||
overflow: clip;
|
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
|
|
||||||
> [data-icon] {
|
> [data-icon] {
|
||||||
|
|
|
@ -112,8 +112,7 @@ export default defineComponent({
|
||||||
padding: 4px 8px;
|
padding: 4px 8px;
|
||||||
border: solid 1px var(--divider);
|
border: solid 1px var(--divider);
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
overflow: hidden; // overflow: clip; をSafariが対応したら消す
|
overflow: hidden;
|
||||||
overflow: clip;
|
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
|
|
|
@ -127,8 +127,7 @@ export default defineComponent({
|
||||||
height: 64px;
|
height: 64px;
|
||||||
margin-right: 4px;
|
margin-right: 4px;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
overflow: hidden; // overflow: clip; をSafariが対応したら消す
|
overflow: hidden;
|
||||||
overflow: clip;
|
|
||||||
cursor: move;
|
cursor: move;
|
||||||
|
|
||||||
&:hover > .remove {
|
&:hover > .remove {
|
||||||
|
|
|
@ -390,8 +390,7 @@ export default defineComponent({
|
||||||
font-size: $ui-font-size;
|
font-size: $ui-font-size;
|
||||||
line-height: 3rem;
|
line-height: 3rem;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
overflow: hidden; // overflow: clip; をSafariが対応したら消す
|
overflow: hidden;
|
||||||
overflow: clip;
|
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
|
|
|
@ -67,8 +67,7 @@ export default defineComponent({
|
||||||
height: 100%;
|
height: 100%;
|
||||||
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
|
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
overflow: hidden; // overflow: clip; をSafariが対応したら消す
|
overflow: hidden;
|
||||||
overflow: clip;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
@ -124,8 +124,7 @@ export default defineComponent({
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
background: var(--buttonBg);
|
background: var(--buttonBg);
|
||||||
border-radius: 999px;
|
border-radius: 999px;
|
||||||
overflow: hidden; // overflow: clip; をSafariが対応したら消す
|
overflow: hidden;
|
||||||
overflow: clip;
|
|
||||||
|
|
||||||
&:not(:disabled):hover {
|
&:not(:disabled):hover {
|
||||||
background: var(--buttonHoverBg);
|
background: var(--buttonHoverBg);
|
||||||
|
@ -213,8 +212,7 @@ export default defineComponent({
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
border-radius: 6px;
|
border-radius: 6px;
|
||||||
overflow: hidden; // overflow: clip; をSafariが対応したら消す
|
overflow: hidden;
|
||||||
overflow: clip;
|
|
||||||
|
|
||||||
::v-deep(div) {
|
::v-deep(div) {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
|
|
@ -116,8 +116,7 @@ export default defineComponent({
|
||||||
|
|
||||||
.ukygtjoj {
|
.ukygtjoj {
|
||||||
position: relative;
|
position: relative;
|
||||||
overflow: hidden; // overflow: clip; をSafariが対応したら消す
|
overflow: hidden;
|
||||||
overflow: clip;
|
|
||||||
|
|
||||||
&.naked {
|
&.naked {
|
||||||
background: transparent !important;
|
background: transparent !important;
|
||||||
|
|
|
@ -298,8 +298,7 @@ export default defineComponent({
|
||||||
transform: scale(.75);
|
transform: scale(.75);
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
width: 133%;
|
width: 133%;
|
||||||
overflow: hidden; // overflow: clip; をSafariが対応したら消す
|
overflow: hidden;
|
||||||
overflow: clip;
|
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
|
|
||||||
> .warning {
|
> .warning {
|
||||||
|
@ -355,8 +354,7 @@ export default defineComponent({
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
min-width: 16px;
|
min-width: 16px;
|
||||||
max-width: 150px;
|
max-width: 150px;
|
||||||
overflow: hidden; // overflow: clip; をSafariが対応したら消す
|
overflow: hidden;
|
||||||
overflow: clip;
|
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
}
|
}
|
||||||
|
|
|
@ -155,8 +155,7 @@ export default defineComponent({
|
||||||
font-size: 0.9em;
|
font-size: 0.9em;
|
||||||
line-height: 20px;
|
line-height: 20px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
overflow: hidden; // overflow: clip; をSafariが対応したら消す
|
overflow: hidden;
|
||||||
overflow: clip;
|
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
|
|
||||||
&.danger {
|
&.danger {
|
||||||
|
|
|
@ -89,8 +89,7 @@ export default defineComponent({
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.ebkgoccj {
|
.ebkgoccj {
|
||||||
overflow: hidden; // overflow: clip; をSafariが対応したら消す
|
overflow: hidden;
|
||||||
overflow: clip;
|
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
contain: content;
|
contain: content;
|
||||||
|
@ -124,8 +123,7 @@ export default defineComponent({
|
||||||
padding-left: 32px;
|
padding-left: 32px;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
overflow: hidden; // overflow: clip; をSafariが対応したら消す
|
overflow: hidden;
|
||||||
overflow: clip;
|
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
|
|
||||||
|
|
|
@ -89,8 +89,7 @@ export default defineComponent({
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
color: var(--inputLabel);
|
color: var(--inputLabel);
|
||||||
overflow: hidden; // overflow: clip; をSafariが対応したら消す
|
overflow: hidden;
|
||||||
overflow: clip;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
> input {
|
> input {
|
||||||
|
|
|
@ -402,8 +402,7 @@ export default defineComponent({
|
||||||
}
|
}
|
||||||
|
|
||||||
> .body {
|
> .body {
|
||||||
overflow: hidden; // overflow: clip; をSafariが対応したら消す
|
overflow: hidden;
|
||||||
overflow: clip;
|
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
contain: content;
|
contain: content;
|
||||||
|
@ -438,8 +437,7 @@ export default defineComponent({
|
||||||
position: relative;
|
position: relative;
|
||||||
line-height: var(--height);
|
line-height: var(--height);
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
overflow: hidden; // overflow: clip; をSafariが対応したら消す
|
overflow: hidden;
|
||||||
overflow: clip;
|
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
cursor: move;
|
cursor: move;
|
||||||
|
|
|
@ -244,8 +244,7 @@ export default defineComponent({
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
box-shadow: 0 0 0 1px var(--divider);
|
box-shadow: 0 0 0 1px var(--divider);
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
overflow: hidden; // overflow: clip; をSafariが対応したら消す
|
overflow: hidden;
|
||||||
overflow: clip;
|
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
@ -327,8 +326,7 @@ export default defineComponent({
|
||||||
&.compact {
|
&.compact {
|
||||||
> article {
|
> article {
|
||||||
> header h1, p, footer {
|
> header h1, p, footer {
|
||||||
overflow: hidden; // overflow: clip; をSafariが対応したら消す
|
overflow: hidden;
|
||||||
overflow: clip;
|
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
}
|
}
|
||||||
|
|
|
@ -110,8 +110,7 @@ export default defineComponent({
|
||||||
display: -webkit-box;
|
display: -webkit-box;
|
||||||
-webkit-line-clamp: 3;
|
-webkit-line-clamp: 3;
|
||||||
-webkit-box-orient: vertical;
|
-webkit-box-orient: vertical;
|
||||||
overflow: hidden; // overflow: clip; をSafariが対応したら消す
|
overflow: hidden;
|
||||||
overflow: clip;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -111,8 +111,7 @@ export default defineComponent({
|
||||||
position: absolute;
|
position: absolute;
|
||||||
z-index: 11000;
|
z-index: 11000;
|
||||||
width: 300px;
|
width: 300px;
|
||||||
overflow: hidden; // overflow: clip; をSafariが対応したら消す
|
overflow: hidden;
|
||||||
overflow: clip;
|
|
||||||
transform-origin: center top;
|
transform-origin: center top;
|
||||||
|
|
||||||
> .info {
|
> .info {
|
||||||
|
|
|
@ -66,8 +66,7 @@ export default defineComponent({
|
||||||
height: 350px;
|
height: 350px;
|
||||||
background: var(--panel);
|
background: var(--panel);
|
||||||
border-radius: var(--radius);
|
border-radius: var(--radius);
|
||||||
overflow: hidden; // overflow: clip; をSafariが対応したら消す
|
overflow: hidden;
|
||||||
overflow: clip;
|
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
|
||||||
|
@ -128,8 +127,7 @@ export default defineComponent({
|
||||||
|
|
||||||
> .body {
|
> .body {
|
||||||
padding: 0 8px;
|
padding: 0 8px;
|
||||||
overflow: hidden; // overflow: clip; をSafariが対応したら消す
|
overflow: hidden;
|
||||||
overflow: clip;
|
|
||||||
|
|
||||||
> .name {
|
> .name {
|
||||||
display: block;
|
display: block;
|
||||||
|
|
|
@ -141,8 +141,7 @@ export default defineComponent({
|
||||||
> *:nth-child(2) {
|
> *:nth-child(2) {
|
||||||
flex: 1 1 auto;
|
flex: 1 1 auto;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
overflow: hidden; // overflow: clip; をSafariが対応したら消す
|
overflow: hidden;
|
||||||
overflow: clip;
|
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
|
|
||||||
> span:first-child {
|
> span:first-child {
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
<template>
|
<template>
|
||||||
<div style="overflow: hidden; overflow: clip;">
|
<div style="overflow: hidden;">
|
||||||
<FormBase class="znqjceqz">
|
<FormBase class="znqjceqz">
|
||||||
<div id="debug"></div>
|
<div id="debug"></div>
|
||||||
<section class="_formItem about">
|
<section class="_formItem about">
|
||||||
|
|
|
@ -104,8 +104,7 @@ export default defineComponent({
|
||||||
display: block;
|
display: block;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
overflow: hidden; // overflow: clip; をSafariが対応したら消す
|
overflow: hidden;
|
||||||
overflow: clip;
|
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -125,8 +124,7 @@ export default defineComponent({
|
||||||
width: 55%;
|
width: 55%;
|
||||||
line-height: 42px;
|
line-height: 42px;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
overflow: hidden; // overflow: clip; をSafariが対応したら消す
|
overflow: hidden;
|
||||||
overflow: clip;
|
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
opacity: 0.7;
|
opacity: 0.7;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
|
|
|
@ -178,20 +178,17 @@ export default defineComponent({
|
||||||
> .body {
|
> .body {
|
||||||
padding: 0 0 0 8px;
|
padding: 0 0 0 8px;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
overflow: hidden; // overflow: clip; をSafariが対応したら消す
|
overflow: hidden;
|
||||||
overflow: clip;
|
|
||||||
|
|
||||||
> .name {
|
> .name {
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
overflow: hidden; // overflow: clip; をSafariが対応したら消す
|
overflow: hidden;
|
||||||
overflow: clip;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
> .info {
|
> .info {
|
||||||
opacity: 0.5;
|
opacity: 0.5;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
overflow: hidden; // overflow: clip; をSafariが対応したら消す
|
overflow: hidden;
|
||||||
overflow: clip;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -222,20 +219,17 @@ export default defineComponent({
|
||||||
> .body {
|
> .body {
|
||||||
padding: 0 0 0 8px;
|
padding: 0 0 0 8px;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
overflow: hidden; // overflow: clip; をSafariが対応したら消す
|
overflow: hidden;
|
||||||
overflow: clip;
|
|
||||||
|
|
||||||
> .name {
|
> .name {
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
overflow: hidden; // overflow: clip; をSafariが対応したら消す
|
overflow: hidden;
|
||||||
overflow: clip;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
> .info {
|
> .info {
|
||||||
opacity: 0.5;
|
opacity: 0.5;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
overflow: hidden; // overflow: clip; をSafariが対応したら消す
|
overflow: hidden;
|
||||||
overflow: clip;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -226,14 +226,12 @@ export default defineComponent({
|
||||||
align-items: center;
|
align-items: center;
|
||||||
margin-bottom: 2px;
|
margin-bottom: 2px;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
overflow: hidden; // overflow: clip; をSafariが対応したら消す
|
overflow: hidden;
|
||||||
overflow: clip;
|
|
||||||
|
|
||||||
> .name {
|
> .name {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
overflow: hidden; // overflow: clip; をSafariが対応したら消す
|
overflow: hidden;
|
||||||
overflow: clip;
|
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
|
@ -264,8 +262,7 @@ export default defineComponent({
|
||||||
display: block;
|
display: block;
|
||||||
margin: 0 0 0 0;
|
margin: 0 0 0 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
overflow: hidden; // overflow: clip; をSafariが対応したら消す
|
overflow: hidden;
|
||||||
overflow: clip;
|
|
||||||
overflow-wrap: break-word;
|
overflow-wrap: break-word;
|
||||||
font-size: 1.1em;
|
font-size: 1.1em;
|
||||||
color: var(--faceText);
|
color: var(--faceText);
|
||||||
|
|
|
@ -154,8 +154,7 @@ export default defineComponent({
|
||||||
display: block;
|
display: block;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
overflow: hidden; // overflow: clip; をSafariが対応したら消す
|
overflow: hidden;
|
||||||
overflow: clip;
|
|
||||||
overflow-wrap: break-word;
|
overflow-wrap: break-word;
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
color: rgba(#000, 0.5);
|
color: rgba(#000, 0.5);
|
||||||
|
@ -165,8 +164,7 @@ export default defineComponent({
|
||||||
display: block;
|
display: block;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 12px 18px;
|
padding: 12px 18px;
|
||||||
overflow: hidden; // overflow: clip; をSafariが対応したら消す
|
overflow: hidden;
|
||||||
overflow: clip;
|
|
||||||
overflow-wrap: break-word;
|
overflow-wrap: break-word;
|
||||||
word-break: break-word;
|
word-break: break-word;
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
|
@ -184,8 +182,7 @@ export default defineComponent({
|
||||||
display: block;
|
display: block;
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
border-radius: 16px;
|
border-radius: 16px;
|
||||||
overflow: hidden; // overflow: clip; をSafariが対応したら消す
|
overflow: hidden;
|
||||||
overflow: clip;
|
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
|
|
|
@ -74,8 +74,7 @@ export default defineComponent({
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.cpjygsrt {
|
.cpjygsrt {
|
||||||
position: relative;
|
position: relative;
|
||||||
overflow: hidden; // overflow: clip; をSafariが対応したら消す
|
overflow: hidden;
|
||||||
overflow: clip;
|
|
||||||
background: var(--panel);
|
background: var(--panel);
|
||||||
border: solid 2px var(--X12);
|
border: solid 2px var(--X12);
|
||||||
border-radius: 6px;
|
border-radius: 6px;
|
||||||
|
|
|
@ -434,8 +434,7 @@ export default defineComponent({
|
||||||
> div {
|
> div {
|
||||||
background: transparent;
|
background: transparent;
|
||||||
border-radius: 6px;
|
border-radius: 6px;
|
||||||
overflow: hidden; // overflow: clip; をSafariが対応したら消す
|
overflow: hidden;
|
||||||
overflow: clip;
|
|
||||||
|
|
||||||
* {
|
* {
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
|
|
|
@ -333,8 +333,7 @@ export default defineComponent({
|
||||||
background: transparent;
|
background: transparent;
|
||||||
border: solid 2px var(--divider);
|
border: solid 2px var(--divider);
|
||||||
border-radius: 6px;
|
border-radius: 6px;
|
||||||
overflow: hidden; // overflow: clip; をSafariが対応したら消す
|
overflow: hidden;
|
||||||
overflow: clip;
|
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
|
||||||
* {
|
* {
|
||||||
|
|
|
@ -230,8 +230,7 @@ export default defineComponent({
|
||||||
$size: 12px;
|
$size: 12px;
|
||||||
background: rgba(0, 0, 0, 0.1);
|
background: rgba(0, 0, 0, 0.1);
|
||||||
border-radius: ($size / 2);
|
border-radius: ($size / 2);
|
||||||
overflow: hidden; // overflow: clip; をSafariが対応したら消す
|
overflow: hidden;
|
||||||
overflow: clip;
|
|
||||||
|
|
||||||
> div {
|
> div {
|
||||||
height: $size;
|
height: $size;
|
||||||
|
|
|
@ -144,8 +144,7 @@ export default defineComponent({
|
||||||
flex: 1;
|
flex: 1;
|
||||||
min-width: 0;
|
min-width: 0;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
overflow: hidden; // overflow: clip; をSafariが対応したら消す
|
overflow: hidden;
|
||||||
overflow: clip;
|
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
margin-right: 12px;
|
margin-right: 12px;
|
||||||
}
|
}
|
||||||
|
|
|
@ -184,8 +184,7 @@ export default defineComponent({
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 50%;
|
top: 50%;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
overflow: hidden; // overflow: clip; をSafariが対応したら消す
|
overflow: hidden;
|
||||||
overflow: clip;
|
|
||||||
padding: 0 100px;
|
padding: 0 100px;
|
||||||
transform: translate3d(-50%, -50%, 0);
|
transform: translate3d(-50%, -50%, 0);
|
||||||
|
|
||||||
|
|
|
@ -369,8 +369,7 @@ export default defineComponent({
|
||||||
position: relative;
|
position: relative;
|
||||||
height: 450px;
|
height: 450px;
|
||||||
border-radius: 16px;
|
border-radius: 16px;
|
||||||
overflow: hidden; // overflow: clip; をSafariが対応したら消す
|
overflow: hidden;
|
||||||
overflow: clip;
|
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
background-position: center;
|
background-position: center;
|
||||||
|
|
||||||
|
@ -473,8 +472,7 @@ export default defineComponent({
|
||||||
|
|
||||||
> .name {
|
> .name {
|
||||||
width: 30%;
|
width: 30%;
|
||||||
overflow: hidden; // overflow: clip; をSafariが対応したら消す
|
overflow: hidden;
|
||||||
overflow: clip;
|
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
|
@ -482,8 +480,7 @@ export default defineComponent({
|
||||||
|
|
||||||
> .value {
|
> .value {
|
||||||
width: 70%;
|
width: 70%;
|
||||||
overflow: hidden; // overflow: clip; をSafariが対応したら消す
|
overflow: hidden;
|
||||||
overflow: clip;
|
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
@ -545,8 +542,7 @@ export default defineComponent({
|
||||||
.ftskorzw.narrow {
|
.ftskorzw.narrow {
|
||||||
max-width: 100vw;
|
max-width: 100vw;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
overflow: hidden; // overflow: clip; をSafariが対応したら消す
|
overflow: hidden;
|
||||||
overflow: clip;
|
|
||||||
|
|
||||||
> .punished {
|
> .punished {
|
||||||
font-size: 0.8em;
|
font-size: 0.8em;
|
||||||
|
@ -557,14 +553,12 @@ export default defineComponent({
|
||||||
|
|
||||||
> .main {
|
> .main {
|
||||||
position: relative;
|
position: relative;
|
||||||
overflow: hidden; // overflow: clip; をSafariが対応したら消す
|
overflow: hidden;
|
||||||
overflow: clip;
|
|
||||||
|
|
||||||
> .banner-container {
|
> .banner-container {
|
||||||
position: relative;
|
position: relative;
|
||||||
height: 250px;
|
height: 250px;
|
||||||
overflow: hidden; // overflow: clip; をSafariが対応したら消す
|
overflow: hidden;
|
||||||
overflow: clip;
|
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
background-position: center;
|
background-position: center;
|
||||||
|
|
||||||
|
@ -709,8 +703,7 @@ export default defineComponent({
|
||||||
|
|
||||||
> .name {
|
> .name {
|
||||||
width: 30%;
|
width: 30%;
|
||||||
overflow: hidden; // overflow: clip; をSafariが対応したら消す
|
overflow: hidden;
|
||||||
overflow: clip;
|
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
|
@ -719,8 +712,7 @@ export default defineComponent({
|
||||||
|
|
||||||
> .value {
|
> .value {
|
||||||
width: 70%;
|
width: 70%;
|
||||||
overflow: hidden; // overflow: clip; をSafariが対応したら消す
|
overflow: hidden;
|
||||||
overflow: clip;
|
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
|
|
@ -167,8 +167,7 @@ export default defineComponent({
|
||||||
margin: auto;
|
margin: auto;
|
||||||
width: 500px;
|
width: 500px;
|
||||||
height: calc(100% - 128px);
|
height: calc(100% - 128px);
|
||||||
overflow: hidden; // overflow: clip; をSafariが対応したら消す
|
overflow: hidden;
|
||||||
overflow: clip;
|
|
||||||
-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%);
|
-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%);
|
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%);
|
||||||
|
|
||||||
|
|
|
@ -151,8 +151,7 @@ export default defineComponent({
|
||||||
margin: auto;
|
margin: auto;
|
||||||
width: 500px;
|
width: 500px;
|
||||||
height: calc(100% - 128px);
|
height: calc(100% - 128px);
|
||||||
overflow: hidden; // overflow: clip; をSafariが対応したら消す
|
overflow: hidden;
|
||||||
overflow: clip;
|
|
||||||
-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%);
|
-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%);
|
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%);
|
||||||
}
|
}
|
||||||
|
|
|
@ -71,8 +71,7 @@ export default defineComponent({
|
||||||
.mk-setup {
|
.mk-setup {
|
||||||
border-radius: var(--radius);
|
border-radius: var(--radius);
|
||||||
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
|
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
|
||||||
overflow: hidden; // overflow: clip; をSafariが対応したら消す
|
overflow: hidden;
|
||||||
overflow: clip;
|
|
||||||
|
|
||||||
> h1 {
|
> h1 {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
|
|
@ -241,8 +241,7 @@ hr {
|
||||||
border-radius: var(--radius);
|
border-radius: var(--radius);
|
||||||
//border: var(--panelBorder);
|
//border: var(--panelBorder);
|
||||||
box-shadow: var(--panelShadow);
|
box-shadow: var(--panelShadow);
|
||||||
overflow: hidden; // overflow: clip; をSafariが対応したら消す
|
overflow: hidden;
|
||||||
overflow: clip;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
._card {
|
._card {
|
||||||
|
@ -458,14 +457,6 @@ hr {
|
||||||
opacity: 0.7;
|
opacity: 0.7;
|
||||||
}
|
}
|
||||||
|
|
||||||
// TODO: refactor: 全てのvueファイル中の text-overflow: ellipsis; している箇所をこのクラスを使って置き換える
|
|
||||||
._oneline {
|
|
||||||
white-space: nowrap;
|
|
||||||
overflow: hidden; // overflow: clip; をSafariが対応したら消す
|
|
||||||
overflow: clip;
|
|
||||||
text-overflow: ellipsis;
|
|
||||||
}
|
|
||||||
|
|
||||||
._monospace {
|
._monospace {
|
||||||
font-family: Fira code, Fira Mono, Consolas, Menlo, Courier, monospace;
|
font-family: Fira code, Fira Mono, Consolas, Menlo, Courier, monospace;
|
||||||
}
|
}
|
||||||
|
|
|
@ -132,8 +132,7 @@ export default defineComponent({
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
vertical-align: bottom;
|
vertical-align: bottom;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
overflow: hidden; // overflow: clip; をSafariが対応したら消す
|
overflow: hidden;
|
||||||
overflow: clip;
|
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
padding: 0 16px;
|
padding: 0 16px;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
|
@ -89,8 +89,7 @@ export default defineComponent({
|
||||||
font-size: 0.8em;
|
font-size: 0.8em;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
overflow: hidden; // overflow: clip; をSafariが対応したら消す
|
overflow: hidden;
|
||||||
overflow: clip;
|
|
||||||
flex-shrink: 1;
|
flex-shrink: 1;
|
||||||
}
|
}
|
||||||
.mk-uploader > ol > li > .top > .name > [data-icon] {
|
.mk-uploader > ol > li > .top > .name > [data-icon] {
|
||||||
|
@ -120,8 +119,7 @@ export default defineComponent({
|
||||||
background: transparent;
|
background: transparent;
|
||||||
border: none;
|
border: none;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
overflow: hidden; // overflow: clip; をSafariが対応したら消す
|
overflow: hidden;
|
||||||
overflow: clip;
|
|
||||||
grid-column: 2/3;
|
grid-column: 2/3;
|
||||||
grid-row: 2/3;
|
grid-row: 2/3;
|
||||||
z-index: 2;
|
z-index: 2;
|
||||||
|
|
|
@ -427,8 +427,7 @@ export default defineComponent({
|
||||||
|
|
||||||
> .text {
|
> .text {
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
overflow: hidden; // overflow: clip; をSafariが対応したら消す
|
overflow: hidden;
|
||||||
overflow: clip;
|
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
font-size: 0.9em;
|
font-size: 0.9em;
|
||||||
}
|
}
|
||||||
|
@ -483,8 +482,7 @@ export default defineComponent({
|
||||||
padding: 6px 8px;
|
padding: 6px 8px;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
overflow: hidden; // overflow: clip; をSafariが対応したら消す
|
overflow: hidden;
|
||||||
overflow: clip;
|
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
|
@ -547,8 +545,7 @@ export default defineComponent({
|
||||||
}
|
}
|
||||||
|
|
||||||
> .title {
|
> .title {
|
||||||
overflow: hidden; // overflow: clip; をSafariが対応したら消す
|
overflow: hidden;
|
||||||
overflow: clip;
|
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
min-width: 0;
|
min-width: 0;
|
||||||
|
@ -559,8 +556,7 @@ export default defineComponent({
|
||||||
font-size: 0.8em;
|
font-size: 0.8em;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
overflow: hidden; // overflow: clip; をSafariが対応したら消す
|
overflow: hidden;
|
||||||
overflow: clip;
|
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -62,8 +62,7 @@ export default defineComponent({
|
||||||
display: block;
|
display: block;
|
||||||
margin: 0 .5em 0 0;
|
margin: 0 .5em 0 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
overflow: hidden; // overflow: clip; をSafariが対応したら消す
|
overflow: hidden;
|
||||||
overflow: clip;
|
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
@ -92,8 +91,7 @@ export default defineComponent({
|
||||||
|
|
||||||
> .username {
|
> .username {
|
||||||
margin: 0 .5em 0 0;
|
margin: 0 .5em 0 0;
|
||||||
overflow: hidden; // overflow: clip; をSafariが対応したら消す
|
overflow: hidden;
|
||||||
overflow: clip;
|
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -50,8 +50,7 @@ export default defineComponent({
|
||||||
display: flex;
|
display: flex;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
overflow: hidden; // overflow: clip; をSafariが対応したら消す
|
overflow: hidden;
|
||||||
overflow: clip;
|
|
||||||
font-size: 0.95em;
|
font-size: 0.95em;
|
||||||
|
|
||||||
> .avatar {
|
> .avatar {
|
||||||
|
|
|
@ -955,8 +955,7 @@ export default defineComponent({
|
||||||
}
|
}
|
||||||
|
|
||||||
> span {
|
> span {
|
||||||
overflow: hidden; // overflow: clip; をSafariが対応したら消す
|
overflow: hidden;
|
||||||
overflow: clip;
|
|
||||||
flex-shrink: 1;
|
flex-shrink: 1;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
|
@ -1029,8 +1028,7 @@ export default defineComponent({
|
||||||
&.collapsed {
|
&.collapsed {
|
||||||
position: relative;
|
position: relative;
|
||||||
max-height: 9em;
|
max-height: 9em;
|
||||||
overflow: hidden; // overflow: clip; をSafariが対応したら消す
|
overflow: hidden;
|
||||||
overflow: clip;
|
|
||||||
|
|
||||||
> .fade {
|
> .fade {
|
||||||
display: block;
|
display: block;
|
||||||
|
|
|
@ -268,8 +268,7 @@ export default defineComponent({
|
||||||
--section-padding: 10px;
|
--section-padding: 10px;
|
||||||
|
|
||||||
height: 100%;
|
height: 100%;
|
||||||
overflow: hidden; // overflow: clip; をSafariが対応したら消す
|
overflow: hidden;
|
||||||
overflow: clip;
|
|
||||||
contain: content;
|
contain: content;
|
||||||
|
|
||||||
&.draghover {
|
&.draghover {
|
||||||
|
@ -359,8 +358,7 @@ export default defineComponent({
|
||||||
> .header {
|
> .header {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
overflow: hidden; // overflow: clip; をSafariが対応したら消す
|
overflow: hidden;
|
||||||
overflow: clip;
|
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
|
|
|
@ -125,8 +125,7 @@ export default defineComponent({
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
vertical-align: bottom;
|
vertical-align: bottom;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
overflow: hidden; // overflow: clip; をSafariが対応したら消す
|
overflow: hidden;
|
||||||
overflow: clip;
|
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
||||||
|
@ -207,8 +206,7 @@ export default defineComponent({
|
||||||
> .title {
|
> .title {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
overflow: hidden; // overflow: clip; をSafariが対応したら消す
|
overflow: hidden;
|
||||||
overflow: clip;
|
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
position: relative;
|
position: relative;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
|
|
@ -171,8 +171,7 @@ export default defineComponent({
|
||||||
|
|
||||||
> .meter {
|
> .meter {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
overflow: hidden; // overflow: clip; をSafariが対応したら消す
|
overflow: hidden;
|
||||||
overflow: clip;
|
|
||||||
background: var(--X11);
|
background: var(--X11);
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
|
|
||||||
|
|
|
@ -89,8 +89,7 @@ export default defineComponent({
|
||||||
$bodyInfoHieght: 16px;
|
$bodyInfoHieght: 16px;
|
||||||
|
|
||||||
height: (62px + 1px) + (62px + 1px) + (62px + 1px) + (62px + 1px) + 62px;
|
height: (62px + 1px) + (62px + 1px) + (62px + 1px) + (62px + 1px) + 62px;
|
||||||
overflow: hidden; // overflow: clip; をSafariが対応したら消す
|
overflow: hidden;
|
||||||
overflow: clip;
|
|
||||||
|
|
||||||
> .instances {
|
> .instances {
|
||||||
.chart-move {
|
.chart-move {
|
||||||
|
@ -114,8 +113,7 @@ export default defineComponent({
|
||||||
|
|
||||||
> .body {
|
> .body {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
overflow: hidden; // overflow: clip; をSafariが対応したら消す
|
overflow: hidden;
|
||||||
overflow: clip;
|
|
||||||
font-size: 0.9em;
|
font-size: 0.9em;
|
||||||
color: var(--fg);
|
color: var(--fg);
|
||||||
|
|
||||||
|
@ -123,8 +121,7 @@ export default defineComponent({
|
||||||
display: block;
|
display: block;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
overflow: hidden; // overflow: clip; をSafariが対応したら消す
|
overflow: hidden;
|
||||||
overflow: clip;
|
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
line-height: $bodyTitleHieght;
|
line-height: $bodyTitleHieght;
|
||||||
}
|
}
|
||||||
|
|
|
@ -80,8 +80,7 @@ export default defineComponent({
|
||||||
color: var(--fg);
|
color: var(--fg);
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
overflow: hidden; // overflow: clip; をSafariが対応したら消す
|
overflow: hidden;
|
||||||
overflow: clip;
|
|
||||||
|
|
||||||
&:nth-child(even) {
|
&:nth-child(even) {
|
||||||
background: rgba(#000, 0.05);
|
background: rgba(#000, 0.05);
|
||||||
|
|
|
@ -68,8 +68,7 @@ export default defineComponent({
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.wbrkwala {
|
.wbrkwala {
|
||||||
height: (62px + 1px) + (62px + 1px) + (62px + 1px) + (62px + 1px) + 62px;
|
height: (62px + 1px) + (62px + 1px) + (62px + 1px) + (62px + 1px) + 62px;
|
||||||
overflow: hidden; // overflow: clip; をSafariが対応したら消す
|
overflow: hidden;
|
||||||
overflow: clip;
|
|
||||||
|
|
||||||
> .tags {
|
> .tags {
|
||||||
.chart-move {
|
.chart-move {
|
||||||
|
@ -84,8 +83,7 @@ export default defineComponent({
|
||||||
|
|
||||||
> .tag {
|
> .tag {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
overflow: hidden; // overflow: clip; をSafariが対応したら消す
|
overflow: hidden;
|
||||||
overflow: clip;
|
|
||||||
font-size: 0.9em;
|
font-size: 0.9em;
|
||||||
color: var(--fg);
|
color: var(--fg);
|
||||||
|
|
||||||
|
@ -93,8 +91,7 @@ export default defineComponent({
|
||||||
display: block;
|
display: block;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
overflow: hidden; // overflow: clip; をSafariが対応したら消す
|
overflow: hidden;
|
||||||
overflow: clip;
|
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
line-height: 18px;
|
line-height: 18px;
|
||||||
}
|
}
|
||||||
|
|
34
yarn.lock
34
yarn.lock
|
@ -214,6 +214,11 @@
|
||||||
lodash "^4.17.19"
|
lodash "^4.17.19"
|
||||||
to-fast-properties "^2.0.0"
|
to-fast-properties "^2.0.0"
|
||||||
|
|
||||||
|
"@cto.af/textdecoder@^0.0.0":
|
||||||
|
version "0.0.0"
|
||||||
|
resolved "https://registry.yarnpkg.com/@cto.af/textdecoder/-/textdecoder-0.0.0.tgz#e1e8d84c936c30a0f4619971f19ca41941af9fdc"
|
||||||
|
integrity sha512-sJpx3F5xcVV/9jNYJQtvimo4Vfld/nD3ph+ZWtQzZ03Zo8rJC7QKQTRcIGS13Rcz80DwFNthCWMrd58vpY4ZAQ==
|
||||||
|
|
||||||
"@discoveryjs/json-ext@^0.5.0":
|
"@discoveryjs/json-ext@^0.5.0":
|
||||||
version "0.5.2"
|
version "0.5.2"
|
||||||
resolved "https://registry.yarnpkg.com/@discoveryjs/json-ext/-/json-ext-0.5.2.tgz#8f03a22a04de437254e8ce8cc84ba39689288752"
|
resolved "https://registry.yarnpkg.com/@discoveryjs/json-ext/-/json-ext-0.5.2.tgz#8f03a22a04de437254e8ce8cc84ba39689288752"
|
||||||
|
@ -2390,12 +2395,13 @@ caseless@~0.12.0:
|
||||||
resolved "https://registry.yarnpkg.com/caseless/-/caseless-0.12.0.tgz#1b681c21ff84033c826543090689420d187151dc"
|
resolved "https://registry.yarnpkg.com/caseless/-/caseless-0.12.0.tgz#1b681c21ff84033c826543090689420d187151dc"
|
||||||
integrity sha1-G2gcIf+EAzyCZUMJBolCDRhxUdw=
|
integrity sha1-G2gcIf+EAzyCZUMJBolCDRhxUdw=
|
||||||
|
|
||||||
cbor@7.0.1:
|
cbor@7.0.3:
|
||||||
version "7.0.1"
|
version "7.0.3"
|
||||||
resolved "https://registry.yarnpkg.com/cbor/-/cbor-7.0.1.tgz#b939a0ae1ce9bb76338e1d193ab2ccd9a85d55d0"
|
resolved "https://registry.yarnpkg.com/cbor/-/cbor-7.0.3.tgz#216d292f2aedd1bb61414a8f949b63e4de11b33b"
|
||||||
integrity sha512-+SVEDS4B2x9aat+if8rtUbm8WdxArH2/tVKiSD8eCxy7hnVNlESd4EQQM16EOFrUCvSHECscsvq61N1FPejZtw==
|
integrity sha512-Io+lJytjYBJKgJqZQUz2bFaMPj+HtlsnT9kHSUiIJFqzWa05lm5/ycQ+NiZWpks3DR2Fz7j7axiTGeT57w/syg==
|
||||||
dependencies:
|
dependencies:
|
||||||
nofilter "^2.0.0"
|
"@cto.af/textdecoder" "^0.0.0"
|
||||||
|
nofilter "^2.0.3"
|
||||||
|
|
||||||
center-align@^0.1.1:
|
center-align@^0.1.1:
|
||||||
version "0.1.3"
|
version "0.1.3"
|
||||||
|
@ -7000,10 +7006,12 @@ nodemailer@6.5.0:
|
||||||
resolved "https://registry.yarnpkg.com/nodemailer/-/nodemailer-6.5.0.tgz#d12c28d8d48778918e25f1999d97910231b175d9"
|
resolved "https://registry.yarnpkg.com/nodemailer/-/nodemailer-6.5.0.tgz#d12c28d8d48778918e25f1999d97910231b175d9"
|
||||||
integrity sha512-Tm4RPrrIZbnqDKAvX+/4M+zovEReiKlEXWDzG4iwtpL9X34MJY+D5LnQPH/+eghe8DLlAVshHAJZAZWBGhkguw==
|
integrity sha512-Tm4RPrrIZbnqDKAvX+/4M+zovEReiKlEXWDzG4iwtpL9X34MJY+D5LnQPH/+eghe8DLlAVshHAJZAZWBGhkguw==
|
||||||
|
|
||||||
nofilter@^2.0.0:
|
nofilter@^2.0.3:
|
||||||
version "2.0.0"
|
version "2.0.3"
|
||||||
resolved "https://registry.yarnpkg.com/nofilter/-/nofilter-2.0.0.tgz#57a2d7c6fcd34dd396f490d6942c4f58640b5823"
|
resolved "https://registry.yarnpkg.com/nofilter/-/nofilter-2.0.3.tgz#f5460f3cb33147005883e3f5d4476239501fa187"
|
||||||
integrity sha512-i3ck2PUWBa+trsGGBvwS3msnTowbFei5G++BgpOpT7y7VTrprXphMQP5svTdsMLdttKDZFo+5RqVWRqhmf+BwQ==
|
integrity sha512-FbuXC+lK+GU2+63D1kC1ETiZo+Z7SIi7B+mxKTCH1byrh6WFvfBCN/wpherFz0a0bjGd7EKTst/cz0yLeNngug==
|
||||||
|
dependencies:
|
||||||
|
"@cto.af/textdecoder" "^0.0.0"
|
||||||
|
|
||||||
noop-logger@^0.1.1:
|
noop-logger@^0.1.1:
|
||||||
version "0.1.1"
|
version "0.1.1"
|
||||||
|
@ -10982,10 +10990,10 @@ vue-prism-editor@2.0.0-alpha.2:
|
||||||
resolved "https://registry.yarnpkg.com/vue-prism-editor/-/vue-prism-editor-2.0.0-alpha.2.tgz#aa53a88efaaed628027cbb282c2b1d37fc7c5c69"
|
resolved "https://registry.yarnpkg.com/vue-prism-editor/-/vue-prism-editor-2.0.0-alpha.2.tgz#aa53a88efaaed628027cbb282c2b1d37fc7c5c69"
|
||||||
integrity sha512-Gu42ba9nosrE+gJpnAEuEkDMqG9zSUysIR8SdXUw8MQKDjBnnNR9lHC18uOr/ICz7yrA/5c7jHJr9lpElODC7w==
|
integrity sha512-Gu42ba9nosrE+gJpnAEuEkDMqG9zSUysIR8SdXUw8MQKDjBnnNR9lHC18uOr/ICz7yrA/5c7jHJr9lpElODC7w==
|
||||||
|
|
||||||
vue-router@4.0.3:
|
vue-router@4.0.4:
|
||||||
version "4.0.3"
|
version "4.0.4"
|
||||||
resolved "https://registry.yarnpkg.com/vue-router/-/vue-router-4.0.3.tgz#8b26050c88b2dec7e27a88835f71046b365823ec"
|
resolved "https://registry.yarnpkg.com/vue-router/-/vue-router-4.0.4.tgz#ad9b4b7bbdad622407b4ff189b1646f48c1e9053"
|
||||||
integrity sha512-AD1OjtVPyQHTSpoRsEGfPpxRQwhAhxcacOYO3zJ3KNkYP/r09mileSp6kdMQKhZWP2cFsPR3E2M3PZguSN5/ww==
|
integrity sha512-uN6PDEaYdU9aRO7mU+Dkr1uaY49hV3fucEDG/Vre/Qj8ct3RoJS16vcPrvKVzn69zDDjBV5b9Xw7fZA9r6b/Iw==
|
||||||
|
|
||||||
vue-style-loader@4.1.2:
|
vue-style-loader@4.1.2:
|
||||||
version "4.1.2"
|
version "4.1.2"
|
||||||
|
|
Loading…
Reference in a new issue