From ca85e150035a4147228a1492c8b18f3bc437dfed Mon Sep 17 00:00:00 2001
From: Rijk van Zanten <rijkvanzanten@me.com>
Date: Tue, 31 Oct 2023 15:47:45 -0400
Subject: [PATCH] Don't show value marker for empty values

---
 .../system-theme-overrides/system-theme-overrides-group.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/app/src/interfaces/_system/system-theme-overrides/system-theme-overrides-group.vue b/app/src/interfaces/_system/system-theme-overrides/system-theme-overrides-group.vue
index 35d5440277..162f4562b3 100644
--- a/app/src/interfaces/_system/system-theme-overrides/system-theme-overrides-group.vue
+++ b/app/src/interfaces/_system/system-theme-overrides/system-theme-overrides-group.vue
@@ -27,6 +27,10 @@ const rulesGrouped = computed(() => {
 		...Object.fromEntries(Object.entries(props.rules).filter(([_key, value]) => isPlainObject(value))),
 	};
 });
+
+const hasValue = computed(() => {
+	return !!props.value && (isPlainObject(props.value) ? Object.keys(props.value).length > 0 : true);
+});
 </script>
 
 <template>
@@ -34,7 +38,7 @@ const rulesGrouped = computed(() => {
 		<button
 			v-if="!root"
 			class="group-toggle"
-			:class="{ collapsed, 'has-value': !!value }"
+			:class="{ collapsed, 'has-value': hasValue }"
 			@click="collapsed = !collapsed"
 		>
 			<span>{{ group ?? 'globals' }}</span>