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

Message, Composer: Layout fixes for iPhone Xs (#1095)

Browse Source
This commit is contained in:
Alexander Zinchuk 2021-05-13 12:00:46 +03:00
parent f7972c87f3
commit 9d6e3939db
2 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/middle/composer/Composer.scss
View File

@ -161,7 +161,7 @@
.svg-appendix { .svg-appendix {
position: absolute; position: absolute;
bottom: -.1875rem; bottom: -.1875rem;
right: -.562rem; // This value is correct. Safari fix right: -.551rem; // This value is correct. Safari fix
width: .5625rem; width: .5625rem;
height: 1.25rem; height: 1.25rem;
transition: opacity 200ms; transition: opacity 200ms;
@ -321,6 +321,10 @@
padding-top: calc(1.15625rem - var(--border-width)); padding-top: calc(1.15625rem - var(--border-width));
padding-bottom: calc(1.15625rem - var(--border-width)); padding-bottom: calc(1.15625rem - var(--border-width));
&:not(.clone) {
overflow: initial;
}
@media (max-width: 600px) { @media (max-width: 600px) {
height: 2.875rem; height: 2.875rem;
min-height: 2.875rem; min-height: 2.875rem;

2
src/components/middle/message/_message-content.scss
View File

@ -140,7 +140,7 @@
fill: var(--background-color); fill: var(--background-color);
} }
.Message.own & { .Message.own & {
right: -.562rem; // This value is correct. Safari fix right: -.551rem; // This value is correct. Safari fix
} }
.Message:not(.own) & { .Message:not(.own) & {