fix(FN-2838): prevent mobile zoom on dashboard form inputs
- Add global `touch-action: manipulation` on html/body to reduce gesture-triggered zoom - Set mobile input font-size to 16px for terminal, nodes, and scripts modal form fields - Extend mobile CSS regression tests to assert the global touch-action rule
This commit is contained in:
@@ -870,6 +870,7 @@
|
||||
|
||||
.add-node-modal__field input {
|
||||
min-height: calc(var(--space-2xl) + var(--space-md));
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
/* Instant transition on mobile for remote fields */
|
||||
|
||||
@@ -3282,6 +3282,10 @@
|
||||
padding: var(--space-md);
|
||||
}
|
||||
|
||||
.gm-search-box input {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.gm-status-grid {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
@@ -3293,6 +3297,7 @@
|
||||
.gm-create-form input,
|
||||
.gm-create-form select {
|
||||
flex: 1 1 100%;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.gm-branch-item {
|
||||
|
||||
@@ -985,7 +985,7 @@
|
||||
}
|
||||
|
||||
.terminal-input {
|
||||
font-size: 12px;
|
||||
font-size: 16px;
|
||||
padding: 6px 10px;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user