fixed stickers scroll

This commit is contained in:
Fedor Katurov 2021-08-14 09:27:30 +07:00
parent bc5892120f
commit 738f69fff4
4 changed files with 11 additions and 4 deletions

View file

@ -109,13 +109,13 @@ class EditorPanelUnconnected extends PureComponent<Props, void> {
active: can_undo || can_redo || can_clear, active: can_undo || can_redo || can_clear,
})} })}
> >
<button className={classnames({ inactive: !can_undo })} onClick={this.props.editorUndo}> <button className={classnames('undo-button', { inactive: !can_undo })} onClick={this.props.editorUndo}>
<Tooltip>Отмена (z)</Tooltip> <Tooltip>Отмена (z)</Tooltip>
<Icon icon="icon-undo" size={24} /> <Icon icon="icon-undo" size={24} />
</button> </button>
<button <button
className={classnames({ className={classnames('undo-button', {
inactive: !can_redo, inactive: !can_redo,
})} })}
onClick={this.props.editorRedo} onClick={this.props.editorRedo}

View file

@ -60,6 +60,11 @@
} }
} }
.panel button.undo-button {
@media (max-width: 420px) {
display: none;
}
}
.panel { .panel {
position: fixed; position: fixed;
left: 10px; left: 10px;
@ -267,7 +272,7 @@
} }
} }
@media (max-width: $micro_breakpoint) { @media (max-width: 350px) {
bottom: 68px; bottom: 68px;
} }
} }

View file

@ -181,6 +181,8 @@
.stickers-helper { .stickers-helper {
flex-direction: column; flex-direction: column;
padding-top: 0; padding-top: 0;
max-height: calc(100vh - 60px - 72px);
overflow: auto;
} }
.stickers-grid { .stickers-grid {

View file

@ -9,7 +9,7 @@
} }
.user-bar-guest { .user-bar-guest {
// width: 168px; width: 38px;
@media (min-width: $mobile_breakpoint) { @media (min-width: $mobile_breakpoint) {
width: 158px; width: 158px;
} }