fix: enable terminal scrolling on mobile
- Add overflow-y: auto and -webkit-overflow-scrolling: touch to xterm-viewport - Change touch-action from 'none' to 'pan-y' on mobile terminal wrapper and container - This allows vertical scrolling through terminal output history while preventing zoom
This commit is contained in:
+11
-3
@@ -3270,6 +3270,13 @@ a.nav-item,
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
/* Enable scrolling in mobile terminal */
|
||||
.terminal-wrapper.mobile .terminal-container .xterm-viewport {
|
||||
overflow-y: auto !important;
|
||||
-webkit-overflow-scrolling: touch !important;
|
||||
height: 100% !important;
|
||||
}
|
||||
|
||||
/* Special Keys Strip */
|
||||
.special-keys-strip {
|
||||
flex-shrink: 0;
|
||||
@@ -3499,16 +3506,17 @@ a.nav-item,
|
||||
/* Disable zoom on mobile terminal */
|
||||
@media (max-width: 767px) {
|
||||
.mobile-terminal-wrapper {
|
||||
touch-action: none;
|
||||
touch-action: pan-y;
|
||||
-webkit-text-size-adjust: none;
|
||||
}
|
||||
|
||||
.mobile-terminal-wrapper * {
|
||||
.mobile-terminal-wrapper button,
|
||||
.mobile-terminal-wrapper .special-key-button {
|
||||
touch-action: manipulation;
|
||||
}
|
||||
|
||||
.terminal-container {
|
||||
touch-action: none;
|
||||
touch-action: pan-y;
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user