From 57e01fa823e388bc5de8dbe2e1e448a245224ce2 Mon Sep 17 00:00:00 2001
From: Julian Stirling <julian@julianstirling.co.uk>
Date: Mon, 29 Jun 2026 10:54:24 +0000
Subject: [PATCH] Add comments to global CSS for ofm-tab

---
 webapp/src/assets/less/variables.less | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/webapp/src/assets/less/variables.less b/webapp/src/assets/less/variables.less
index 1a1491fb..739ec6cb 100644
--- a/webapp/src/assets/less/variables.less
+++ b/webapp/src/assets/less/variables.less
@@ -198,10 +198,18 @@
     }
 }
 
+/*
+ * OpenFlexure tabs.
+ *
+ * The ofm-* rules are global rules that are written for the to OFM interface (as opposed to
+ * imported global rules). All tab content is in an `ofm-tab`
+ */
+
 .ofm-tab {
     --ofm-navbar-height: 50px;
 }
 
+// For adding a nav bar at the top of an `.ofm-tab`
 .ofm-tab-navbar {
   position: sticky;
   top: 0;
@@ -222,7 +230,10 @@
 }
 
 /*
- * Sidebar
+ * A container with a sidebar.
+ *
+ * This is designed to be used inside an `.ofm-tab` to create a container with a sidebar that can be
+ * opened on the right hand side.
  */
 .ofm-container-with-sidebar
 {