github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2024-11-26 19:13:39 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

Revert "UX: Make input sizing consistent across all browsers (#26159)" (#26295)

Browse Source 
This reverts commit d0d4a363d4. This causes issues for people that have specified explicit font sizes in their browser - reverting while we investigate. https://meta.discourse.org/t/300374
This commit is contained in:
David Taylor 2024-03-21 17:54:11 +00:00 committed by GitHub
parent 26db3be4dd
commit 8b935e5b33
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 16 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/assets/stylesheets/common/font-variables.scss
View File

@ -30,7 +30,7 @@
// inputs/textareas in iOS need to be at least 16px to avoid triggering zoom on focus
// with base at 15px, the below gives 16.05px
--font-size-input: max(1em, 16px);
--font-size-ios-input: 1.07em;
// Common line-heights
--line-height-small: 1;

6
app/assets/stylesheets/common/foundation/mixins.scss
View File

@ -114,7 +114,11 @@ $hpad: 0.65em;
line-height: normal;
box-sizing: border-box;
padding: $vpad $hpad;
font-size: var(--font-size-input);
.ios-device & {
font-size: var(--font-size-ios-input);
padding-top: $vpad * 0.8;
padding-bottom: $vpad * 0.8;
}
}
@mixin sticky {

12
app/assets/stylesheets/mobile/discourse.scss
View File

@ -9,8 +9,16 @@ body {
background-color: var(--secondary);
}
textarea {
font-size: var(--font-size-input);
.ios-device {
textarea {
background-color: var(--secondary);
font-size: var(--font-size-ios-input);
-webkit-tap-highlight-color: transparent;
}
input#reply-title {
-webkit-tap-highlight-color: transparent;
}
}
blockquote {