diff --git a/addon/components/notification-container.js b/addon/components/notification-container.js index ef51404c..b032c3e0 100644 --- a/addon/components/notification-container.js +++ b/addon/components/notification-container.js @@ -11,9 +11,11 @@ export default Component.extend({ notifications: service(), classNameBindings: ['computedPosition', ':ember-cli-notifications-notification__container'], - attributeBindings: ['computedStyle:style', 'position:data-test-notification-container'], + attributeBindings: ['computedStyle:style', 'position:data-test-notification-container', 'ariaLive:aria-live', 'role'], zindex: '1060', + role: 'status', + ariaLive: 'polite', computedPosition: computed('position', function() { return `ember-cli-notifications-notification__container--${this.get('position')}`; diff --git a/addon/styles/components/notification-message.css b/addon/styles/components/notification-message.css index 2c75ccb5..20a09264 100644 --- a/addon/styles/components/notification-message.css +++ b/addon/styles/components/notification-message.css @@ -54,6 +54,8 @@ .ember-cli-notifications-notification__container .c-notification__close { margin-left: var(--ecn-spacing-2); align-self: flex-start; + background-color: rgba(0,0,0,0); + border-width: 0; opacity: .74; cursor: pointer; } diff --git a/addon/templates/components/notification-message.hbs b/addon/templates/components/notification-message.hbs index 87f007a6..c4cbe0f7 100644 --- a/addon/templates/components/notification-message.hbs +++ b/addon/templates/components/notification-message.hbs @@ -14,12 +14,12 @@ {{else}} {{notification.message}} {{/if}} -