mirror of
https://github.com/wavetermdev/waveterm.git
synced 2025-01-06 19:18:22 +01:00
2e91ee843c
Less hasn't received an update in over a year and the parser is missing some modern syntax like relative colors so this switches us to scss
52 lines
1.1 KiB
SCSS
52 lines
1.1 KiB
SCSS
// Copyright 2024, Command Line Inc.
|
|
// SPDX-License-Identifier: Apache-2.0
|
|
|
|
.chat-messages {
|
|
height: 100%;
|
|
width: 100%;
|
|
padding: 10px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.chat-message {
|
|
display: flex;
|
|
align-items: flex-start;
|
|
align-items: center;
|
|
margin-bottom: 8px;
|
|
font-size: 1em;
|
|
line-height: 1.4;
|
|
}
|
|
|
|
.chat-user-icon {
|
|
height: 1em; /* Make user icon height match the text height */
|
|
width: 1em; /* Keep the icon proportional */
|
|
border-radius: 50%;
|
|
margin-right: 8px;
|
|
}
|
|
|
|
.chat-username {
|
|
font-weight: bold;
|
|
margin-right: 4px;
|
|
line-height: 1.4; /* Ensure alignment with the first line of the message */
|
|
}
|
|
|
|
.chat-text {
|
|
display: flex;
|
|
align-items: flex-start;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.chat-text img {
|
|
height: 1em; /* Make inline images (rendered via markdown) match the text height */
|
|
width: auto; /* Keep the aspect ratio of images */
|
|
margin: 0 4px;
|
|
display: inline;
|
|
}
|
|
|
|
.chat-emoji {
|
|
margin: 0 2px;
|
|
font-size: 1em; /* Match emoji size with the text height */
|
|
}
|