sendnrw/misskey
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Revert "perf: use overflow: clip instead of hidden" (#7273)

Browse Source 
This reverts commit 06e817af59.
This commit is contained in:
tamaina
2021-03-02 22:57:16 +09:00
committed by GitHub
parent 490692316e
commit 2154354a4f
62 changed files with 105 additions and 217 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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;