diff --git a/addon/components/toggle.hbs b/addon/components/toggle.hbs
index 9322788..b4592e9 100644
--- a/addon/components/toggle.hbs
+++ b/addon/components/toggle.hbs
@@ -1,4 +1,4 @@
-
+
diff --git a/addon/components/toggle.js b/addon/components/toggle.js
index e8badb6..536603c 100644
--- a/addon/components/toggle.js
+++ b/addon/components/toggle.js
@@ -33,14 +33,11 @@ export default class ToggleComponent extends Component {
*
* @memberof ToggleComponent
*/
- constructor() {
+ constructor(owner, { isToggled, activeColor }) {
super(...arguments);
- this.isToggled = this.args.isToggled === true;
-
- if (typeof this.args.activeColor === 'string' && this.args.activeColor.length) {
- this.activeColor = this.args.activeColor;
- }
+ this.isToggled = isToggled === true;
+ this.activeColor = typeof activeColor === 'string' ? activeColor : 'green';
}
/**
@@ -50,7 +47,6 @@ export default class ToggleComponent extends Component {
*/
@action toggle(isToggled) {
const { disabled, onToggle } = this.args;
-
if (disabled) {
return;
}
@@ -61,4 +57,15 @@ export default class ToggleComponent extends Component {
onToggle(this.isToggled);
}
}
+
+ /**
+ * Handle toggle argument change.
+ *
+ * @param {HTMLElement} el
+ * @param {Array} [isToggled]
+ * @memberof ToggleComponent
+ */
+ @action onChange(el, [isToggled]) {
+ this.isToggled = isToggled === true;
+ }
}
diff --git a/addon/styles/components/badge.css b/addon/styles/components/badge.css
index 6eabeb9..4a1fb42 100644
--- a/addon/styles/components/badge.css
+++ b/addon/styles/components/badge.css
@@ -56,6 +56,7 @@
}
.status-badge[class*='5'] > span,
+.status-badge.high-status-badge > span,
.status-badge.rejected-status-badge > span,
.status-badge.critical-status-badge > span,
.status-badge.disabled-status-badge > span,
@@ -66,6 +67,7 @@
}
.status-badge[class*='5'] > span svg,
+.status-badge.high-status-badge > span svg,
.status-badge.rejected-status-badge > span svg,
.status-badge.critical-status-badge > span svg,
.status-badge.urgent-status-badge > span svg,
diff --git a/addon/styles/layout/next.css b/addon/styles/layout/next.css
index b5ef64a..341dcee 100644
--- a/addon/styles/layout/next.css
+++ b/addon/styles/layout/next.css
@@ -1235,6 +1235,18 @@ body[data-theme='dark'] .next-sidebar .next-sidebar-panel-container > .next-side
@apply pl-8;
}
+.next-sidebar .next-sidebar-panel-container > .next-sidebar-panel > .next-content-panel > .next-content-panel-body .next-nav-item.next-nav-item-with-dropdown:hover .ember-basic-dropdown-trigger > span.btn-wrapper > button.btn:hover {
+ background-color: #ffffff;
+}
+
+.next-sidebar .next-sidebar-panel-container > .next-sidebar-panel > .next-content-panel > .next-content-panel-body .next-nav-item.next-nav-item-with-dropdown:hover .ember-basic-dropdown-trigger > span.btn-wrapper > button.btn {
+ color: #000000;
+}
+
+body[data-theme="dark"] .next-sidebar .next-sidebar-panel-container > .next-sidebar-panel > .next-content-panel > .next-content-panel-body .next-nav-item.next-nav-item-with-dropdown:hover .ember-basic-dropdown-trigger > span.btn-wrapper > button.btn {
+ color: #ffffff;
+}
+
.next-org-button-trigger {
@apply flex flex-row items-center px-3 py-1.5 rounded-md cursor-default truncate;
max-height: 31px;
@@ -1756,12 +1768,21 @@ body[data-theme='light'] .next-dd-menu-seperator {
height: 57px;
}
+body[data-theme="light"] .text-danger,
+body[data-theme="light"] span.text-danger,
+body[data-theme="light"] a.text-danger,
.text-danger,
span.text-danger,
a.text-danger {
@apply text-red-500;
}
+body[data-theme="light"] .text-danger:active,
+body[data-theme="light"] .text-danger:hover,
+body[data-theme="light"] span.text-danger:active,
+body[data-theme="light"] span.text-danger:hover,
+body[data-theme="light"] a.text-danger:active,
+body[data-theme="light"] a.text-danger:hover,
.text-danger:active,
.text-danger:hover,
span.text-danger:active,