From e79d63c88d206a3b3bf1e1ab3b03b88fa05854a2 Mon Sep 17 00:00:00 2001
From: Jorik Schellekens <joriks@matrix.org>
Date: Fri, 16 Aug 2019 13:42:00 +0100
Subject: Cursor indications

---
 synapse_topology/webui/src/js/components/AccordionToggle.jsx | 4 +++-
 synapse_topology/webui/src/scss/main.scss                    | 8 ++++++++
 2 files changed, 11 insertions(+), 1 deletion(-)

(limited to 'synapse_topology')

diff --git a/synapse_topology/webui/src/js/components/AccordionToggle.jsx b/synapse_topology/webui/src/js/components/AccordionToggle.jsx
index d0c913675c..87ba085eac 100644
--- a/synapse_topology/webui/src/js/components/AccordionToggle.jsx
+++ b/synapse_topology/webui/src/js/components/AccordionToggle.jsx
@@ -16,6 +16,8 @@ export default ({ active, children, eventKey, as, reset }) => {
 
     }
     const As = as;
-    return <As onClick={decoratedOnClick} active={active}> {children}</As>
+    return <div className={active ? "active-card-header" : "inactive-card-header"}>
+        <As onClick={decoratedOnClick} active={active}> {children}</As>
+    </div>
 
 }
diff --git a/synapse_topology/webui/src/scss/main.scss b/synapse_topology/webui/src/scss/main.scss
index 9d14e789ea..292fac6b1c 100644
--- a/synapse_topology/webui/src/scss/main.scss
+++ b/synapse_topology/webui/src/scss/main.scss
@@ -196,6 +196,14 @@ input[type=checkbox] {
   border-style: none;
 }
 
+.active-card-header {
+    cursor: pointer;
+}
+
+.inactive-card-header {
+    cursor: not-allowed;
+}
+
 .blockwrapper {
   display: block;
 }
-- 
cgit 1.4.1