2fc78ddd7d
Messages with images or media were causing the scroll position to jump around when they loaded, because rendering them changed the height of their elements from 0 to full-height sometime after they were inserted into the DOM. Now when rendering attachments, we wait for them to load so they can render at full height immediately, then warn our parent message list before and after a potential height change, so the scroll position can be saved and reset. // FREEBIE
34 lines
806 B
SCSS
34 lines
806 B
SCSS
// colors
|
|
$blue_l: #a2d2f4;
|
|
$blue: #2090ea;
|
|
$grey_l: #f3f3f3;
|
|
$grey: #616161;
|
|
$grey_d: #454545;
|
|
|
|
@font-face {
|
|
font-family: 'Roboto-Light';
|
|
src: url('/fonts/Roboto-Light.ttf') format('truetype');
|
|
}
|
|
@font-face {
|
|
font-family: 'Roboto';
|
|
src: url('/fonts/Roboto-Regular.ttf') format('truetype');
|
|
}
|
|
@font-face {
|
|
font-family: 'Roboto';
|
|
src: url('/fonts/Roboto-Italic.ttf') format('truetype');
|
|
font-style: italic;
|
|
}
|
|
@font-face {
|
|
font-family: 'Roboto';
|
|
src: url('/fonts/Roboto-Bold.ttf') format('truetype');
|
|
font-weight: bold;
|
|
}
|
|
$roboto: Roboto, 'Helvetica Neue', Arial, Helvetica, sans-serif;
|
|
$roboto-light: Roboto-Light, 'Helvetica Neue', Arial, Helvetica, sans-serif;
|
|
|
|
$header-height: 36px;
|
|
$header-color: $blue;
|
|
$bubble-border-radius: 20px;
|
|
|
|
$unread-badge-size: 21px;
|
|
$loading-height: 16px;
|