Fixed scrolling in Telegram (#2357)

Signed-off-by: Alexander Platov <sas_lord@mail.ru>
This commit is contained in:
Alexander Platov 2022-11-07 07:16:37 +03:00 committed by GitHub
parent 2841146512
commit a164916c3b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 4 additions and 12 deletions

View File

@ -148,6 +148,7 @@ input.search {
.inline-flex { display: inline-flex; }
.flex-grow { flex-grow: 1; }
.flex-no-shrink { flex-shrink: 0; }
.flex-shrink { flex-shrink: 1; }
.flex-wrap { flex-wrap: wrap !important; }
.flex-nowrap { flex-wrap: nowrap !important; }
.flex-baseline {

View File

@ -237,7 +237,7 @@
<svelte:window on:resize={_resize} />
<div style={scrollerVars} class="scroller-container {invertScroll ? 'invert' : 'normal'}" class:bottomStart>
<div style={scrollerVars} class="scroller-container {invertScroll ? 'invert' : 'normal'}">
<div class="horizontalBox" class:horizontalFade={horizontal}>
<div
bind:this={divScroll}
@ -269,6 +269,7 @@
on:dragover
on:drop
>
{#if bottomStart}<div class="flex-grow flex-shrink" />{/if}
<slot />
</div>
</div>
@ -385,16 +386,6 @@
flex-direction: column;
justify-content: flex-start;
}
.scroller-container.bottomStart {
justify-content: flex-end;
.scroll {
flex-grow: 0;
height: min-content;
.box {
height: min-content;
}
}
}
.track,
.track-horizontal {

View File

@ -71,7 +71,7 @@
width: 100%;
max-width: 100%;
min-width: 0;
min-height: 0;
min-height: min-content;
}
.message-row {
display: flex;