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

perf: use overflow: clip instead of hidden

Browse source
This commit is contained in:
syuilo 2021-02-27 11:18:53 +09:00
parent 377b0399a0
commit 06e817af59
62 changed files with 217 additions and 105 deletions
Download patch file Download diff file Expand all files Collapse all files

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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