crabapples
/
noVNC
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Make scroll bar and key modifiers flex box 

In preparation for horizontal control bar modes
This commit is contained in:
Tobias 2026-02-18 10:51:33 +01:00
parent 8e1ebdffba
commit f0d217719c
1 changed files with 16 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
app/styles/base.css
View File

@ -343,12 +343,12 @@ html {
max-height: 100vh; /* Chrome is buggy with 100% */ max-height: 100vh; /* Chrome is buggy with 100% */
overflow-x: hidden; overflow-x: hidden;
overflow-y: auto; overflow-y: auto;
padding: 0 10px; padding: 10px;
} display: flex;
flex-direction: column;
#noVNC_control_bar > .noVNC_scroll > * { justify-content: flex-start;
display: block; align-items: center;
margin: 10px auto; gap: 10px 0;
} }
/* Control bar hint */ /* Control bar hint */
@ -543,6 +543,8 @@ html {
/* Remove all but top border */ /* Remove all but top border */
border: none; border: none;
border-top: 1px solid rgba(255, 255, 255, 0.2); border-top: 1px solid rgba(255, 255, 255, 0.2);
width: 100%;
margin: 0;
} }
:root:not(.noVNC_connected) #noVNC_view_drag_button { :root:not(.noVNC_connected) #noVNC_view_drag_button {
@ -573,6 +575,14 @@ html {
background-color: var(--novnc-darkgrey); background-color: var(--novnc-darkgrey);
border: none; border: none;
padding: 10px; padding: 10px;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
gap: 10px 0;
}
#noVNC_modifiers > * {
margin: 0;
} }
/* Shutdown/Reboot */ /* Shutdown/Reboot */