0
0
Fork 0

Change "direct message" nomenclature to "private mention" in web UI (#24248)

This commit is contained in:
Eugen Rochko 2023-03-30 15:16:20 +02:00 committed by GitHub
parent a9b5598c97
commit 68a192e718
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
109 changed files with 191 additions and 26 deletions

View file

@ -264,7 +264,7 @@ html {
// Change the background colors of statuses
.focusable:focus {
background: $ui-base-color;
background: lighten($white, 4%);
}
.detailed-status,
@ -697,3 +697,11 @@ html {
url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='#{hex-color(lighten($ui-base-color, 8%))}'/></svg>")
no-repeat right 8px center / auto 16px;
}
.status__wrapper-direct {
background-color: rgba($ui-highlight-color, 0.1);
&:focus {
background-color: rgba($ui-highlight-color, 0.15);
}
}

View file

@ -1244,7 +1244,7 @@ body > [data-popper-placement] {
.status__prepend {
padding: 16px;
padding-bottom: 0;
display: flex;
display: inline-flex;
gap: 10px;
font-size: 15px;
line-height: 22px;
@ -1262,6 +1262,18 @@ body > [data-popper-placement] {
}
}
.status__wrapper-direct {
background: mix($ui-base-color, $ui-highlight-color, 95%);
&:focus {
background: mix(lighten($ui-base-color, 4%), $ui-highlight-color, 95%);
}
.status__prepend {
color: $highlight-text-color;
}
}
.status__action-bar {
display: flex;
justify-content: space-between;
@ -1315,6 +1327,11 @@ body > [data-popper-placement] {
.audio-player {
margin-top: 16px;
}
.status__prepend {
padding: 0;
margin-bottom: 16px;
}
}
.detailed-status__meta {
@ -1333,6 +1350,32 @@ body > [data-popper-placement] {
padding: 10px 0;
}
.detailed-status__wrapper-direct {
.detailed-status,
.detailed-status__action-bar {
background: mix($ui-base-color, $ui-highlight-color, 95%);
}
&:focus {
.detailed-status,
.detailed-status__action-bar {
background: mix(lighten($ui-base-color, 4%), $ui-highlight-color, 95%);
}
}
.detailed-status__action-bar {
border-top-color: mix(
lighten($ui-base-color, 8%),
$ui-highlight-color,
95%
);
}
.status__prepend {
color: $highlight-text-color;
}
}
.detailed-status__link {
color: inherit;
text-decoration: none;