FediMovies/fedimovies-web
1
1
Fork 0
Code Pull requests Activity

Fix overflow in notification list

Browse source
This commit is contained in:
silverpill 2022-06-07 20:50:22 +00:00
parent a7d0560002
commit 79d275b5f2
1 changed files with 7 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
src/views/NotificationList.vue
View file

@ -147,6 +147,7 @@ async function loadNextPage() {
background-color: $block-background-color; background-color: $block-background-color;
border-radius: $block-border-radius; border-radius: $block-border-radius;
box-sizing: border-box; box-sizing: border-box;
color: $secondary-text-color;
display: flex; display: flex;
gap: $block-inner-padding / 2; gap: $block-inner-padding / 2;
padding: $block-inner-padding; padding: $block-inner-padding;
@ -158,21 +159,21 @@ async function loadNextPage() {
.display-name { .display-name {
color: $text-color; color: $text-color;
font-weight: bold; font-weight: bold;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
} }
.actor-address { .actor-address {
color: $secondary-text-color;
flex-grow: 1; flex-grow: 1;
min-width: 15%;
overflow: hidden;
text-overflow: ellipsis;
} }
.timestamp { .timestamp {
color: $secondary-text-color;
text-align: right; text-align: right;
white-space: nowrap; white-space: nowrap;
&:hover {
color: $secondary-text-hover-color;
}
} }
} }
</style> </style>