From f23ab6c6349473dbb95f5c76a592b3e9aa777acd Mon Sep 17 00:00:00 2001
From: Martin Wasley <mjwasley@queens-park.com>
Date: Fri, 17 Jul 2020 09:40:30 +0100
Subject: [PATCH] Fix jqtree color issue (#1919)

---
 misc/theme-rebellion/Makefile                 |   2 +-
 .../www/themes/rebellion/build/css/jqtree.css | 184 ++++++++++++++++++
 2 files changed, 185 insertions(+), 1 deletion(-)
 create mode 100644 misc/theme-rebellion/src/opnsense/www/themes/rebellion/build/css/jqtree.css

diff --git a/misc/theme-rebellion/Makefile b/misc/theme-rebellion/Makefile
index 8e35cc6d8..d64b12ab9 100644
--- a/misc/theme-rebellion/Makefile
+++ b/misc/theme-rebellion/Makefile
@@ -1,5 +1,5 @@
 PLUGIN_NAME=		theme-rebellion
-PLUGIN_VERSION=		1.8.4
+PLUGIN_VERSION=		1.8.6
 PLUGIN_COMMENT=		A suitably dark theme
 PLUGIN_MAINTAINER=	team-rebellion@queens-park.com
 
diff --git a/misc/theme-rebellion/src/opnsense/www/themes/rebellion/build/css/jqtree.css b/misc/theme-rebellion/src/opnsense/www/themes/rebellion/build/css/jqtree.css
new file mode 100644
index 000000000..f40b4203a
--- /dev/null
+++ b/misc/theme-rebellion/src/opnsense/www/themes/rebellion/build/css/jqtree.css
@@ -0,0 +1,184 @@
+ul.jqtree-tree {
+    list-style: none outside;
+    margin-left: 0;
+    margin-bottom: 0;
+    padding: 0;
+}
+
+    ul.jqtree-tree ul.jqtree_common {
+        list-style: none outside;
+        margin-left: 12px;
+        margin-right: 0;
+        margin-bottom: 0;
+        padding: 0;
+        display: block;
+    }
+
+    ul.jqtree-tree li.jqtree-closed > ul.jqtree_common {
+        display: none;
+    }
+
+    ul.jqtree-tree li.jqtree_common {
+        clear: both;
+        list-style-type: none;
+    }
+
+    ul.jqtree-tree .jqtree-toggler {
+        border-bottom: none;
+        color: #333;
+        text-decoration: none;
+        vertical-align: middle;
+    }
+
+    ul.jqtree-tree .jqtree-toggler:hover {
+            color: #000;
+            text-decoration: none;
+        }
+
+    ul.jqtree-tree .jqtree-toggler.jqtree-closed {
+            background-position: 0 0;
+        }
+
+    ul.jqtree-tree .jqtree-toggler.jqtree-toggler-left {
+            margin-right: 0.5em;
+        }
+
+    ul.jqtree-tree .jqtree-toggler.jqtree-toggler-right {
+            margin-left: 0.5em;
+        }
+
+    ul.jqtree-tree .jqtree-element {
+        cursor: pointer;
+        position: relative;
+        display: -webkit-box;
+        display: flex;
+    }
+
+    ul.jqtree-tree .jqtree-title {
+        color: #cccccc;
+        vertical-align: middle;
+        margin-left: 1.5em;
+    }
+
+    ul.jqtree-tree .jqtree-title.jqtree-title-folder {
+            margin-left: 0;
+        }
+
+    ul.jqtree-tree li.jqtree-folder {
+        margin-bottom: 4px;
+    }
+
+    ul.jqtree-tree li.jqtree-folder.jqtree-closed {
+            margin-bottom: 1px;
+        }
+
+    ul.jqtree-tree li.jqtree-ghost {
+        position: relative;
+        z-index: 10;
+        margin-right: 10px;
+    }
+
+    ul.jqtree-tree li.jqtree-ghost span {
+            display: block;
+        }
+
+    ul.jqtree-tree li.jqtree-ghost span.jqtree-circle {
+            border: solid 2px #0000ff;
+            border-radius: 100px;
+            height: 8px;
+            width: 8px;
+            position: absolute;
+            top: -4px;
+            left: -6px;
+            box-sizing: border-box;
+        }
+
+    ul.jqtree-tree li.jqtree-ghost span.jqtree-line {
+            background-color: #0000ff;
+            height: 2px;
+            padding: 0;
+            position: absolute;
+            top: -1px;
+            left: 2px;
+            width: 100%;
+        }
+
+    ul.jqtree-tree li.jqtree-ghost.jqtree-inside {
+            margin-left: 48px;
+        }
+
+    ul.jqtree-tree span.jqtree-border {
+        position: absolute;
+        display: block;
+        left: -2px;
+        top: 0;
+        border: solid 2px #0000ff;
+        border-radius: 6px;
+        margin: 0;
+        box-sizing: content-box;
+    }
+
+    ul.jqtree-tree li.jqtree-selected > .jqtree-element,
+    ul.jqtree-tree li.jqtree-selected > .jqtree-element:hover {
+        background-color: #97BDD6;
+        background: -webkit-gradient(linear, left top, left bottom, from(#BEE0F5), to(#89AFCA));
+        background: linear-gradient(#BEE0F5, #89AFCA);
+        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
+    }
+
+    ul.jqtree-tree .jqtree-moving > .jqtree-element .jqtree-title {
+        outline: dashed 1px #0000ff;
+    }
+
+ul.jqtree-tree.jqtree-rtl {
+    direction: rtl;
+}
+
+ul.jqtree-tree.jqtree-rtl ul.jqtree_common {
+        margin-left: 0;
+        margin-right: 12px;
+    }
+
+ul.jqtree-tree.jqtree-rtl .jqtree-toggler {
+        margin-left: 0.5em;
+        margin-right: 0;
+    }
+
+ul.jqtree-tree.jqtree-rtl .jqtree-title {
+        margin-left: 0;
+        margin-right: 1.5em;
+    }
+
+ul.jqtree-tree.jqtree-rtl .jqtree-title.jqtree-title-folder {
+            margin-right: 0;
+        }
+
+ul.jqtree-tree.jqtree-rtl li.jqtree-ghost {
+        margin-right: 0;
+        margin-left: 10px;
+    }
+
+ul.jqtree-tree.jqtree-rtl li.jqtree-ghost span.jqtree-circle {
+            right: -6px;
+        }
+
+ul.jqtree-tree.jqtree-rtl li.jqtree-ghost span.jqtree-line {
+            right: 2px;
+        }
+
+ul.jqtree-tree.jqtree-rtl li.jqtree-ghost.jqtree-inside {
+            margin-left: 0;
+            margin-right: 48px;
+        }
+
+ul.jqtree-tree.jqtree-rtl span.jqtree-border {
+        right: -2px;
+    }
+
+span.jqtree-dragging {
+    color: #fff;
+    background: #000;
+    opacity: 0.6;
+    cursor: pointer;
+    padding: 2px 8px;
+}