IntenseWebs/discourse
3
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2024-11-23 09:26:54 -06:00
Code Issues Packages Projects Releases Wiki Activity

UX: Fix large onebox avatars in img chat messages (#20469)

Browse Source 
When you included an image and a full-line (github) onebox in a single message the user avatar in the inbox would be incorrectly embiggened.
This commit is contained in:
Jarek Radosz 2023-02-27 23:03:02 +01:00 committed by GitHub
parent 6a86288c5e
commit c81d4f60af
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/assets/stylesheets/common/base/onebox.scss
View File

@ -141,7 +141,7 @@ aside.onebox {
color: var(--tertiary);
}
img:not(.avatar) {
img:not(.avatar, .onebox-avatar-inline) {
max-height: 170px;
max-width: 20%;
@media all and (max-width: 600px) {

4
plugins/chat/assets/stylesheets/common/chat-message-images.scss
View File

@ -3,7 +3,9 @@ $max_image_height: 150px;
.chat-message {
// append selectors to set images to a
// max height of $max_image_height
.chat-message-collapser .onebox img:not(.ytp-thumbnail-image),
.chat-message-collapser
.onebox
img:not(.ytp-thumbnail-image, .onebox-avatar-inline),
.chat-message-collapser img.onebox,
.chat-message-collapser .chat-uploads img,
.chat-message-collapser p img,

2
plugins/chat/assets/stylesheets/desktop/desktop.scss
View File

@ -39,7 +39,7 @@
}
.chat-message-text {
img:not(.emoji):not(.avatar) {
img:not(.emoji):not(.avatar, .onebox-avatar-inline) {
transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
&:hover {