discourse/plugins/chat/assets/stylesheets/common/chat-message-images.scss
Roman Rizzi 0a5f548635
DEV: Move discourse-chat to the core repo. (#18776)
As part of this move, we are also renaming `discourse-chat` to `chat`.
2022-11-02 10:41:30 -03:00

28 lines
758 B
SCSS

$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 img.onebox,
.chat-message-collapser .chat-uploads img,
.chat-message-collapser p img,
aside.onebox .onebox-body .aspect-image-full-size,
aside.onebox .onebox-body .aspect-image-full-size img {
object-fit: contain;
max-height: $max_image_height;
max-width: 100%;
width: unset;
overflow: hidden;
}
.chat-message-collapser
.chat-message-collapser-header
+ div
.chat-message-collapser-youtube {
object-fit: contain;
height: $max_image_height;
width: calc(#{$max_image_height} / 9 * 16);
}
}