Commit f0d2177 for novnc.com
commit f0d217719c1aba4ef8ddb2fbb2e1b53263449e79
Author: Tobias <tobfa@cendio.se>
Date: Wed Feb 18 10:51:33 2026 +0100
Make scroll bar and key modifiers flex box
In preparation for horizontal control bar modes
diff --git a/app/styles/base.css b/app/styles/base.css
index 33f0f35..10d2d30 100644
--- a/app/styles/base.css
+++ b/app/styles/base.css
@@ -343,12 +343,12 @@ html {
max-height: 100vh; /* Chrome is buggy with 100% */
overflow-x: hidden;
overflow-y: auto;
- padding: 0 10px;
-}
-
-#noVNC_control_bar > .noVNC_scroll > * {
- display: block;
- margin: 10px auto;
+ padding: 10px;
+ display: flex;
+ flex-direction: column;
+ justify-content: flex-start;
+ align-items: center;
+ gap: 10px 0;
}
/* Control bar hint */
@@ -543,6 +543,8 @@ html {
/* Remove all but top border */
border: none;
border-top: 1px solid rgba(255, 255, 255, 0.2);
+ width: 100%;
+ margin: 0;
}
:root:not(.noVNC_connected) #noVNC_view_drag_button {
@@ -573,6 +575,14 @@ html {
background-color: var(--novnc-darkgrey);
border: none;
padding: 10px;
+ display: flex;
+ flex-direction: column;
+ justify-content: flex-start;
+ align-items: center;
+ gap: 10px 0;
+}
+#noVNC_modifiers > * {
+ margin: 0;
}
/* Shutdown/Reboot */