discourse/plugins/chat/assets/stylesheets/common/chat-message-collapser.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

47 lines
824 B
SCSS

$max_video_height: 150px;
.chat-message-collapser {
.chat-message-collapser-header {
display: flex;
align-items: center;
}
.chat-message-collapser-header + div p {
margin: 0;
}
.chat-img-upload,
.chat-other-upload,
.chat-video-upload,
.chat-message-collapser-header + div p img {
margin-top: 0.25em;
margin-bottom: 0.5em;
}
.chat-video-upload {
height: $max_video_height;
width: calc(#{$max_video_height} / 9 * 16);
}
.chat-message-collapser-link-small {
font-size: 0.75em;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.chat-message-collapser-button {
background: none;
padding: unset;
margin-left: 0.5em;
&:hover {
background: none;
.d-icon {
color: var(--primary);
}
}
}
}