Commit 052242d for novnc.com
commit 052242df5dbc82a97aff362fdf687a4565349820
Author: Tobias <tobfa@cendio.se>
Date: Wed Feb 18 12:43:59 2026 +0100
Remove redundant mobile buttons grouping
There's only one button in the group, and the wrapping div messed with
the flex box layout
diff --git a/app/styles/base.css b/app/styles/base.css
index 9fd9fb3..5e71ae7 100644
--- a/app/styles/base.css
+++ b/app/styles/base.css
@@ -718,16 +718,15 @@ html {
}
/* noVNC Touch Device only buttons */
-:root:not(.noVNC_connected) #noVNC_mobile_buttons {
+:root:not(.noVNC_connected) #noVNC_keyboard_button {
display: none;
}
@media not all and (any-pointer: coarse) {
- /* FIXME: The button for the virtual keyboard is the only button in this
- group of "mobile buttons". It is bad to assume that no touch
- devices have physical keyboards available. Hopefully we can get
- a media query for this:
+ /* FIXME: It is bad to assume that no touch devices have physical
+ keyboards available. Hopefully we can get a media query
+ for this:
https://github.com/w3c/csswg-drafts/issues/3871 */
- :root.noVNC_connected #noVNC_mobile_buttons {
+ :root.noVNC_connected #noVNC_keyboard_button {
display: none;
}
}
diff --git a/vnc.html b/vnc.html
index 8f65427..ad7f67a 100644
--- a/vnc.html
+++ b/vnc.html
@@ -127,10 +127,8 @@
title="Move/Drag viewport">
<!--noVNC touch device only buttons-->
- <div id="noVNC_mobile_buttons">
- <input type="image" alt="Keyboard" src="app/images/keyboard.svg"
- id="noVNC_keyboard_button" class="noVNC_button" title="Show keyboard">
- </div>
+ <input type="image" alt="Keyboard" src="app/images/keyboard.svg"
+ id="noVNC_keyboard_button" class="noVNC_button" title="Show keyboard">
<!-- Extra manual keys -->
<input type="image" alt="Extra keys" src="app/images/toggleextrakeys.svg"