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%;
|
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 */
|
||||||
.special-keys-strip {
|
.special-keys-strip {
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
@@ -3499,16 +3506,17 @@ a.nav-item,
|
|||||||
/* Disable zoom on mobile terminal */
|
/* Disable zoom on mobile terminal */
|
||||||
@media (max-width: 767px) {
|
@media (max-width: 767px) {
|
||||||
.mobile-terminal-wrapper {
|
.mobile-terminal-wrapper {
|
||||||
touch-action: none;
|
touch-action: pan-y;
|
||||||
-webkit-text-size-adjust: none;
|
-webkit-text-size-adjust: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.mobile-terminal-wrapper * {
|
.mobile-terminal-wrapper button,
|
||||||
|
.mobile-terminal-wrapper .special-key-button {
|
||||||
touch-action: manipulation;
|
touch-action: manipulation;
|
||||||
}
|
}
|
||||||
|
|
||||||
.terminal-container {
|
.terminal-container {
|
||||||
touch-action: none;
|
touch-action: pan-y;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user