Unified · Split
| @@ -6,8 +6,8 @@ textNotif = (title, message) -> · 5 unmodified lines | ||
| 6 | 6 | notif title, """<p class="_notif-text">#{message}""" |
| 7 | 7 | |
| 8 | 8 | app.templates.notifUpdateReady = -> |
| 9 | − textNotif """ DevDocs has been updated. """, | |
| 10 | − """ <a href="#" data-behavior="reboot">Reload the page</a> to use the new version. """ | |
| 9 | + textNotif """<span data-behavior="reboot">DevDocs has been updated.</span>""", | |
| 10 | + """<span data-behavior="reboot"><a href="#" data-behavior="reboot">Reload the page</a> to use the new version.</span>""" | |
| 11 | 11 | |
| 12 | 12 | app.templates.notifError = -> |
| 13 | 13 | textNotif """ Oops, an error occured. """, |
| @@ -51,6 +51,7 @@ class app.views.Notif extends app.View · 50 unmodified lines | ||
| 51 | 51 | |
| 52 | 52 | onClick: (event) => |
| 53 | 53 | return if event.which isnt 1 |
| 54 | + return if event.target.hasAttribute('data-behavior') | |
| 54 | 55 | if event.target.tagName isnt 'A' or event.target.classList.contains('_notif-close') |
| 55 | 56 | $.stopEvent(event) |
| 56 | 57 | @hide() |
| @@ -55,6 +55,8 @@ · 54 unmodified lines | ||
| 55 | 55 | left: .625rem; |
| 56 | 56 | @extend %icon, %icon-close-white; |
| 57 | 57 | } |
| 58 | + | |
| 59 | + &:hover { opacity: 1; } | |
| 58 | 60 | } |
| 59 | 61 | |
| 60 | 62 | ._notif-content { |