From 32f90338635aeff37c311c784d9b0e90bfe44b22 Mon Sep 17 00:00:00 2001
From: Pierre Ossman <ossman@cendio.se>
Date: Thu, 15 Sep 2022 10:39:21 +0200
Subject: [PATCH] Document state classes uses in CSS

Makes it a bit easier to understand all the magic in this CSS.
---
 app/styles/base.css | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/app/styles/base.css b/app/styles/base.css
index 9d0c3859..f83370e9 100644
--- a/app/styles/base.css
+++ b/app/styles/base.css
@@ -19,6 +19,18 @@
  * 10000: Max (used for polyfills)
  */
 
+/*
+ * State variables (set on :root):
+ *
+ * noVNC_touch: Device has touch input
+ *
+ * noVNC_loading: Page is still loading
+ * noVNC_connecting: Connecting to server
+ * noVNC_reconnecting: Re-establishing a connection
+ * noVNC_connected: Connected to server (most common state)
+ * noVNC_disconnecting: Disconnecting from server
+ */
+
 body {
   margin:0;
   padding:0;