Ensure Fetch-all-replies snackbar is shown at the bottom of the screen (#36383)
This commit is contained in:
@@ -603,7 +603,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}>
|
||||||
|
|||||||
@@ -3153,18 +3153,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);
|
||||||
}
|
}
|
||||||
|
|
||||||
& > * {
|
& > * {
|
||||||
|
|||||||
Reference in New Issue
Block a user