[Glitch] Ensure Fetch-all-replies snackbar is shown at the bottom of the screen
Port e4c3854ae8332bc3273e2949b050bd25205c5404 to glitch-soc Signed-off-by: Claire <claire.github-309c@sitedethib.com>
This commit is contained in:
parent
fc1b407d89
commit
c52473eebc
@ -635,7 +635,7 @@ class Status extends ImmutablePureComponent {
|
|||||||
/>
|
/>
|
||||||
|
|
||||||
<ScrollContainer scrollKey='thread' shouldUpdateScroll={this.shouldUpdateScroll} childRef={this.setContainerRef}>
|
<ScrollContainer scrollKey='thread' shouldUpdateScroll={this.shouldUpdateScroll} childRef={this.setContainerRef}>
|
||||||
<div className={classNames('scrollable item-list', { fullscreen })} ref={this.setContainerRef}>
|
<div className={classNames('item-list scrollable scrollable--flex', { fullscreen })} ref={this.setContainerRef}>
|
||||||
{ancestors}
|
{ancestors}
|
||||||
|
|
||||||
<Hotkeys handlers={handlers}>
|
<Hotkeys handlers={handlers}>
|
||||||
|
|||||||
@ -3218,18 +3218,23 @@ a.account__display-name {
|
|||||||
|
|
||||||
.column__alert {
|
.column__alert {
|
||||||
position: sticky;
|
position: sticky;
|
||||||
bottom: 1rem;
|
bottom: 0;
|
||||||
z-index: 10;
|
z-index: 10;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
display: grid;
|
display: grid;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
max-width: 360px;
|
max-width: 360px;
|
||||||
padding-inline: 10px;
|
padding: 1rem;
|
||||||
margin-top: 1rem;
|
margin: auto auto 0;
|
||||||
margin-inline: auto;
|
overflow: clip;
|
||||||
|
|
||||||
|
&:empty {
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
@media (max-width: #{$mobile-menu-breakpoint - 1}) {
|
@media (max-width: #{$mobile-menu-breakpoint - 1}) {
|
||||||
bottom: 4rem;
|
// Compensate for mobile menubar
|
||||||
|
bottom: var(--mobile-bottom-nav-height);
|
||||||
}
|
}
|
||||||
|
|
||||||
& > * {
|
& > * {
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user