~4 - jQuery Notice boxes not aligned - Preventing access to settings / history

[caffeineinc]

I'm finding the alignment of the jquery box is preventing navigation through to a page history, or settings as the position: fixed element has a high z-index, and covers the navigation elements.

It's populated from the header x-loginattemptnotifications and contains the content: :In the last 18 secs a successful login attempt to your account was registered. The attempt was made from 14.1.35.58.

The actual div is located 300px to the right of the container, which means the container is present, but never showing the actual content. Perhaps the previous version contained an animation to the left too.

Changing the CSS property to be shown (by assigning .notice-item with left:0 resolves the issue as the dialog can then be seen, and closed if persistent.

This can be reproduced by executing the following in the console:

jQuery.noticeAdd({text: "<p>myspecial text</p>", stay: false, type: 'good'});

You'll notice it isn't shown until the property for left is added. (perhaps the animation was changed, without updating the css property?)

vendor/silverstripe/admin/client/src/styles/legacy/_style.scss L:893

affects 1.1