Fixes for mobile (#7271)
Some checks are pending
CI / build (push) Waiting to run
CI / svelte-check (push) Blocked by required conditions
CI / formatting (push) Blocked by required conditions
CI / test (push) Blocked by required conditions
CI / uitest (push) Waiting to run
CI / uitest-pg (push) Waiting to run
CI / uitest-qms (push) Waiting to run
CI / docker-build (push) Blocked by required conditions
CI / dist-build (push) Blocked by required conditions

This commit is contained in:
Alexander Platov 2024-12-06 04:17:36 +03:00 committed by GitHub
parent e9c6f408a8
commit 2b969c74e8
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 15 additions and 0 deletions

View File

@ -84,6 +84,14 @@ select:-webkit-autofill:focus {
background: transparent;
}
// Fix for iOS (disable zooming on input fields)
@media screen and (-webkit-min-device-pixel-ratio: 0) and (max-width: 480px) {
select,
textarea,
input,
div.ref-container div.select-text > div[contenteditable="true"] { font-size: 16px; }
}
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;

View File

@ -139,5 +139,12 @@
min-width: 0;
min-height: 0;
z-index: 10001;
@media screen and (max-width: 480px) {
position: fixed;
left: var(--spacing-1);
width: calc(100vw - var(--spacing-1) * 2);
height: 10rem;
}
}
</style>