perf: use overflow: clip instead of hidden

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

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;
}
}

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;
}

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 {

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;