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

Make interface airier by increasing line-height 

Modern interfaces are less cramped, this makes noVNC feel more up to
date.

Note that this required some adjustments on noVNC_headings and
noVNC_connect_button since the text now takes up more height than the
images.
This commit is contained in:
Samuel Mannehed 2025-01-13 00:57:25 +01:00
parent 2bc505741f
commit 331ad34d90
2 changed files with 13 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
app/styles/base.css
View File

@ -31,6 +31,7 @@
:root { :root {
font-family: sans-serif; font-family: sans-serif;
line-height: 1.6;
} }
body { body {
@ -477,9 +478,12 @@ html {
.noVNC_panel .noVNC_heading { .noVNC_panel .noVNC_heading {
background-color: var(--novnc-blue); background-color: var(--novnc-blue);
border-radius: 6px; border-radius: 6px;
padding: 5px; padding: 5px 8px;
/* Compensate for padding in image */ /* Compensate for padding in image */
padding-right: 8px; padding-right: 11px;
display: flex;
align-items: center;
gap: 6px;
color: white; color: white;
font-size: 20px; font-size: 20px;
white-space: nowrap; white-space: nowrap;
@ -736,6 +740,11 @@ html {
border-radius: 6px; border-radius: 6px;
background-color: var(--novnc-blue); background-color: var(--novnc-blue);
color: white; color: white;
display: flex;
justify-content: center;
place-items: center;
gap: 4px;
} }
#noVNC_connect_button img { #noVNC_connect_button img {

3
app/styles/input.css
View File

@ -23,6 +23,7 @@ input::file-selector-button {
/* Respect standard font settings */ /* Respect standard font settings */
font: inherit; font: inherit;
line-height: 1.6;
} }
input:disabled, input:disabled,
textarea:disabled, textarea:disabled,
@ -85,7 +86,7 @@ textarea {
/* Make textareas show at minimum one line. This does not work when /* Make textareas show at minimum one line. This does not work when
using box-sizing border-box, in which case, vertical padding and using box-sizing border-box, in which case, vertical padding and
border width needs to be taken into account. */ border width needs to be taken into account. */
min-height: 1em; min-height: 1lh;
vertical-align: baseline; /* Firefox gives "text-bottom" by default */ vertical-align: baseline; /* Firefox gives "text-bottom" by default */
} }