Add horizontal rule after logo in control bar

This differentiates the logo from the buttons in a clear way.
This commit is contained in:
Samuel Mannehed 2022-11-14 17:04:43 +01:00
parent 0cb5f2341c
commit 2825529a13
2 changed files with 8 additions and 0 deletions

View File

@ -535,6 +535,12 @@ html {
font-size: 13px; font-size: 13px;
} }
.noVNC_logo + hr {
/* Remove all but top border */
border: none;
border-top: 1px solid rgba(255, 255, 255, 0.2);
}
:root:not(.noVNC_connected) #noVNC_view_drag_button { :root:not(.noVNC_connected) #noVNC_view_drag_button {
display: none; display: none;
} }

View File

@ -80,6 +80,8 @@
<h1 class="noVNC_logo" translate="no"><span>no</span><br>VNC</h1> <h1 class="noVNC_logo" translate="no"><span>no</span><br>VNC</h1>
<hr>
<!-- Drag/Pan the viewport --> <!-- Drag/Pan the viewport -->
<input type="image" alt="Drag" src="app/images/drag.svg" <input type="image" alt="Drag" src="app/images/drag.svg"
id="noVNC_view_drag_button" class="noVNC_button noVNC_hidden" id="noVNC_view_drag_button" class="noVNC_button noVNC_hidden"