diff --git a/kallithea/public/css/style.css b/kallithea/public/css/style.css --- a/kallithea/public/css/style.css +++ b/kallithea/public/css/style.css @@ -2796,6 +2796,40 @@ input.status_change_radio { border-radius: 4px !important; } +@keyframes animated-comment-background { + 0% { background-position: 0 0; } + 100% { background-position: 20px 0; } +} + +.comment-preview.failed .user, +.comment-preview.failed .panel-body { + color: #666; +} + +.comment-preview .comment-submission-status { + float: right; +} + +.comment-preview .comment-submission-status .btn-group { + margin-left: 10px; +} + +.comment-preview.submitting .panel-body { + background-image: linear-gradient( + -45deg, + #FAFAFA, + #FAFAFA 25%, + #FFF 25%, + #FFF 50%, + #FAFAFA 50%, + #FAFAFA 75%, + #FFF 75%, + #FFF 100% + ); + background-size: 20px 20px; + animation: animated-comment-background 0.4s linear infinite; +} + /**** PULL REQUESTS *****/