ztr/TelegramPWA
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Chat Or User Picker: Fix layout in ios (#5480)

Browse Source
This commit is contained in:
Alexander Zinchuk 2025-01-22 23:01:32 +01:00
parent 2b6432c55e
commit 0e3f7a0840
2 changed files with 13 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/components/common/pickers/ChatOrUserPicker.scss
View File

@ -4,6 +4,7 @@
.modal-dialog { .modal-dialog {
height: 70%; height: 70%;
max-width: 25rem; max-width: 25rem;
overflow: hidden;
@media (max-width: 600px) { @media (max-width: 600px) {
height: 90%; height: 90%;

14
src/components/common/pickers/PickerItem.module.scss
View File

@ -19,9 +19,19 @@
transition-property: background-color, opacity; transition-property: background-color, opacity;
transition-duration: 150ms; transition-duration: 150ms;
:global(body.is-ios) &,
:global(body.is-android) & {
border-radius: 0;
padding-inline-start: 0.75rem;
}
:global(body.is-ios) & {
padding-inline-end: 0;
}
@media (max-width: 600px) { @media (max-width: 600px) {
border-radius: 0; border-radius: 0;
padding-inline: 0.5rem; padding-inline-start: 0.5rem !important;
} }
} }
@ -38,7 +48,7 @@
.separator { .separator {
grid-row: 2; grid-row: 2;
grid-column: 2 / 4; grid-column: 3;
/* stylelint-disable-next-line plugin/whole-pixel */ /* stylelint-disable-next-line plugin/whole-pixel */
height: 0.5px; height: 0.5px;
background-color: var(--color-dividers); background-color: var(--color-dividers);