From a1787ed3863c4b1ed25b7e122b75d981bdd2ad6f Mon Sep 17 00:00:00 2001
From: JustinGeorgi <77952587+JustinGeorgi@users.noreply.github.com>
Date: Mon, 21 Oct 2024 04:46:49 -0700
Subject: [PATCH] oh-cell: Fix headerBadgeColor (#2807)
The color attribute for the header badges in the oh-cell were not
dynamic and as a result setting headerBadgeColor in the cell config
caused a malformed color class to be added to the badge.
---
.../web/src/components/widgets/standard/cell/oh-cell.vue | 4 ++--
1 file changed, 2 insertions(+), 2 deletions(-)
diff --git a/bundles/org.openhab.ui/web/src/components/widgets/standard/cell/oh-cell.vue b/bundles/org.openhab.ui/web/src/components/widgets/standard/cell/oh-cell.vue
index 1d7da95f6..6f3cd8cda 100644
--- a/bundles/org.openhab.ui/web/src/components/widgets/standard/cell/oh-cell.vue
+++ b/bundles/org.openhab.ui/web/src/components/widgets/standard/cell/oh-cell.vue
@@ -23,14 +23,14 @@
<div slot="header" v-if="header" class="button-header display-flex">
<oh-icon class="header-icon" v-if="config.icon" :icon="config.icon" :color="config.iconColor" width="20" height="20" />
<span class="header-text">{{ header }}</span>
- <f7-badge v-if="config.headerBadge" color="config.headerBadgeColor">
+ <f7-badge v-if="config.headerBadge" :color="config.headerBadgeColor">
{{ config.headerBadge }}
</f7-badge>
</div>
<div slot="title" v-if="config.title" class="button-header display-flex">
<oh-icon class="header-icon" v-if="!header && config.icon" :icon="config.icon" :color="config.iconColor" width="20" height="20" />
<span class="header-text">{{ config.title }}</span>
- <f7-badge v-if="config.headerBadge" color="config.headerBadgeColor">
+ <f7-badge v-if="config.headerBadge" :color="config.headerBadgeColor">
{{ config.headerBadge }}
</f7-badge>
</div>