better handling of long post dates

This commit is contained in:
Niléane 2024-01-25 18:05:56 +01:00
parent 9d669e01fc
commit 8a2b042be3
No known key found for this signature in database
3 changed files with 15 additions and 15 deletions

View file

@ -1941,16 +1941,18 @@ body.app-body {
} }
.app-body .status__info { .app-body .status__info {
height: 22px; height: 22px;
margin-left: -56px; width: calc(100% + 56px);
gap: 2px;
margin-inline-start: -56px;
padding: 0; padding: 0;
margin-bottom: 0; margin-bottom: 0;
line-height: 10px; line-height: 10px;
align-items: start; align-items: start;
} }
.app-body .status__info .status__display-name { .app-body .status__info .status__display-name {
overflow: visible; overflow: hidden;
align-items: start; align-items: start;
max-width: calc(100% - 5em); height: 50px;
} }
.app-body .status__info .status__display-name .display-name bdi, .app-body .status__info .status__display-name .display-name bdi,
.app-body .status__info .status__display-name .display-name__account { .app-body .status__info .status__display-name .display-name__account {
@ -1962,8 +1964,6 @@ body.app-body {
} }
.app-body .status__relative-time { .app-body .status__relative-time {
height: 22px; height: 22px;
position: absolute;
right: 22px;
color: var(--color-content-fg); color: var(--color-content-fg);
opacity: .6; opacity: .6;
display: flex; display: flex;

View file

@ -1941,16 +1941,18 @@ body.app-body {
} }
.app-body .status__info { .app-body .status__info {
height: 22px; height: 22px;
margin-left: -56px; width: calc(100% + 56px);
gap: 2px;
margin-inline-start: -56px;
padding: 0; padding: 0;
margin-bottom: 0; margin-bottom: 0;
line-height: 10px; line-height: 10px;
align-items: start; align-items: start;
} }
.app-body .status__info .status__display-name { .app-body .status__info .status__display-name {
overflow: visible; overflow: hidden;
align-items: start; align-items: start;
max-width: calc(100% - 5em); height: 50px;
} }
.app-body .status__info .status__display-name .display-name bdi, .app-body .status__info .status__display-name .display-name bdi,
.app-body .status__info .status__display-name .display-name__account { .app-body .status__info .status__display-name .display-name__account {
@ -1962,8 +1964,6 @@ body.app-body {
} }
.app-body .status__relative-time { .app-body .status__relative-time {
height: 22px; height: 22px;
position: absolute;
right: 22px;
color: var(--color-content-fg); color: var(--color-content-fg);
opacity: .6; opacity: .6;
display: flex; display: flex;

View file

@ -1941,16 +1941,18 @@ body.app-body {
} }
.app-body .status__info { .app-body .status__info {
height: 22px; height: 22px;
margin-left: -56px; width: calc(100% + 56px);
gap: 2px;
margin-inline-start: -56px;
padding: 0; padding: 0;
margin-bottom: 0; margin-bottom: 0;
line-height: 10px; line-height: 10px;
align-items: start; align-items: start;
} }
.app-body .status__info .status__display-name { .app-body .status__info .status__display-name {
overflow: visible; overflow: hidden;
align-items: start; align-items: start;
max-width: calc(100% - 5em); height: 50px;
} }
.app-body .status__info .status__display-name .display-name bdi, .app-body .status__info .status__display-name .display-name bdi,
.app-body .status__info .status__display-name .display-name__account { .app-body .status__info .status__display-name .display-name__account {
@ -1962,8 +1964,6 @@ body.app-body {
} }
.app-body .status__relative-time { .app-body .status__relative-time {
height: 22px; height: 22px;
position: absolute;
right: 22px;
color: var(--color-content-fg); color: var(--color-content-fg);
opacity: .6; opacity: .6;
display: flex; display: flex;