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,