Index: vue/src/assets/images/devops/DevSupport/github.png =================================================================== diff -u -r2fa83ff42a700663645d858065fefcfdbecdcd78 -rcd4da9f3d734abde70a2181a32405ae2d711285c --- vue/src/assets/images/devops/DevSupport/github.png (.../github.png) (revision 2fa83ff42a700663645d858065fefcfdbecdcd78) +++ vue/src/assets/images/devops/DevSupport/github.png (.../github.png) (revision cd4da9f3d734abde70a2181a32405ae2d711285c) @@ -2163,16 +2163,10 @@ margin-right: 10px; } -.notifications .alert { - background-color: #e5603b; - border: none; - font-size: 12px; - line-height: 22px !important; - margin-bottom: 0; - padding: 3px 9px; - color: #f8f8f8 !important; - text-shadow: none; - border-radius: 3px; +.notifications .alert a { + color: #f8f8f8; + font-weight: 700; + margin-left: 5px; } .icon-container { @@ -2220,4 +2214,23 @@ right: 0; font-size: 12px; word-spacing: 1px; +} + +.alert-created { + width: max-content; + background: linear-gradient(90deg, #E49400 50%, transparent 50%), linear-gradient(90deg, #E49400 50%, transparent 50%), linear-gradient(0deg, #E49400 50%, transparent 50%), linear-gradient(0deg, #E49400 50%, transparent 50%); + background-repeat: repeat-x, repeat-x, repeat-y, repeat-y; + background-size: 15px 2px, 15px 2px, 2px 15px, 2px 15px; + padding: 1px; + animation: border-dance 7s infinite linear; + border-radius: 10px; +} + +@keyframes border-dance { + 0% { + background-position: 0 0, 100% 100%, 0 100%, 100% 0; + } + 100% { + background-position: 100% 0, 0 100%, 0 0, 100% 100%; + } } \ No newline at end of file Index: arms/js/common/dwrChat.js =================================================================== diff -u -rcf0fb8530ce3993d97de7e7f2aefc2f805eac3f9 -rcd4da9f3d734abde70a2181a32405ae2d711285c --- arms/js/common/dwrChat.js (.../dwrChat.js) (revision cf0fb8530ce3993d97de7e7f2aefc2f805eac3f9) +++ arms/js/common/dwrChat.js (.../dwrChat.js) (revision cd4da9f3d734abde70a2181a32405ae2d711285c) @@ -30,7 +30,7 @@ $(".notifications.pull-right").addClass("alert-created"); const alertDiv = $('
').addClass('alert pull-right'); const closeButton = $('').addClass('close').attr('data-dismiss', 'alert').text('×'); - const infoIcon = $('').addClass('fa fa-info-circle').css('margin-right', '5px'); + const infoIcon = $('').addClass('fa fa-info-circle').css('margin-right', '5px').css('vertical-align','middle'); alertDiv.append(closeButton, infoIcon, lastMessage.message); $(".notifications.pull-right .alert").remove(); $(".notifications.pull-right").append(alertDiv);