5
0
mirror of git://git.proxmox.com/git/novnc-pve.git synced 2025-01-05 13:17:53 +03:00
novnc-pve/debian/patches/0004-add-pve-style.patch
Markus Frank f422faaeb1 upgrade novnc and patches to 1.4.0
rebase patches for 1.4.0

Signed-off-by: Markus Frank <m.frank@proxmox.com>
Signed-off-by: Thomas Lamprecht <t.lamprecht@proxmox.com>
2023-02-08 16:57:19 +01:00

82 lines
2.2 KiB
Diff

From 0000000000000000000000000000000000000000 Mon Sep 17 00:00:00 2001
From: Dominik Csapak <d.csapak@proxmox.com>
Date: Tue, 13 Dec 2016 16:03:41 +0100
Subject: [PATCH] add pve style
this adds the custom pve style (based on black.css)
we hide the connect button, and add custom colors,
and fix the z-index of the connect overlay
Signed-off-by: Dominik Csapak <d.csapak@proxmox.com>
---
app/styles/pve.css | 42 ++++++++++++++++++++++++++++++++++++++++++
vnc.html | 5 +++--
2 files changed, 45 insertions(+), 2 deletions(-)
create mode 100644 app/styles/pve.css
diff --git a/app/styles/pve.css b/app/styles/pve.css
new file mode 100644
index 0000000..eaeb5cb
--- /dev/null
+++ b/app/styles/pve.css
@@ -0,0 +1,42 @@
+/*
+ * noVNC black CSS
+ * Copyright (C) 2012 Joel Martin
+ * Copyright (C) 2013 Samuel Mannehed for Cendio AB
+ * noVNC is licensed under the MPL 2.0 (see LICENSE.txt)
+ * This file is licensed under the 2-Clause BSD license (see LICENSE.txt).
+ */
+
+.noVNC_panel {
+ border: 0px;
+ background:#4c4c4c;;
+ color:#fff;
+}
+
+#noVNC_control_bar, #noVNC_control_bar_handle, .noVNC_panel .noVNC_heading {
+ background: #4c4c4c;
+}
+
+.noVNC_button.noVNC_selected {
+ background: #3892d4;
+}
+
+#pve_commands > input[type=button] {
+ width: 100%;
+}
+
+#noVNC_canvas:focus {
+ outline: none;
+}
+
+#noVNC_transition {
+ z-index: 0;
+}
+
+#noVNC_connect_button {
+ display: none;
+}
+
+:root:not(.noVNC_touch) .noVNC_button.noVNC_selected:hover {
+ border-color: rgba(0, 0, 0, 0.4);
+ background: #5BA8DF;
+}
diff --git a/vnc.html b/vnc.html
index e8a982f..b54fe41 100644
--- a/vnc.html
+++ b/vnc.html
@@ -36,8 +36,9 @@
<link rel="apple-touch-icon" sizes="180x180" type="image/png" href="app/images/icons/novnc-ios-180.png">
<!-- Stylesheets -->
- <link rel="stylesheet" href="app/styles/base.css">
- <link rel="stylesheet" href="app/styles/input.css">
+ <link rel="stylesheet" href="app/styles/base.css" />
+ <link rel="stylesheet" href="app/styles/input.css" />
+ <link rel="stylesheet" href="/novnc/app/styles/pve.css" />
<!-- Images that will later appear via CSS -->
<link rel="preload" as="image" href="app/images/info.svg">