Mizah/mizzkey
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/widgets/calendar.vue
View file

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

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

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

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

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

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

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