diff --git a/webcompat/static/css/development/components/flash-message.css b/webcompat/static/css/development/components/flash-message.css index d2ae2dd18..94822cd48 100644 --- a/webcompat/static/css/development/components/flash-message.css +++ b/webcompat/static/css/development/components/flash-message.css @@ -6,7 +6,7 @@ .wc-FlashMessage { font-size: var(--FlashMessage-fontSize); - position: absolute; + position: fixed; display:none; padding: 1.25em 0.5em; top: 0; diff --git a/webcompat/static/js/lib/bugform.js b/webcompat/static/js/lib/bugform.js index d41bdb039..cd378a7a5 100644 --- a/webcompat/static/js/lib/bugform.js +++ b/webcompat/static/js/lib/bugform.js @@ -104,7 +104,7 @@ function BugForm() { }, this), error: function() { var msg = 'There was an error trying to file the bug, try again?.'; - wcEvents.trigger('flash:error', {message: msg, timeout: 3000}); + wcEvents.trigger('flash:error', {message: msg, timeout: 4000}); } }); }; diff --git a/webcompat/static/js/lib/flash-message.js b/webcompat/static/js/lib/flash-message.js index b427ba606..597c603af 100644 --- a/webcompat/static/js/lib/flash-message.js +++ b/webcompat/static/js/lib/flash-message.js @@ -30,7 +30,7 @@ var FlashMessageView = Backbone.View.extend({ return this; }, show: function(opts) { - var timeout = opts.timeout || 3000; + var timeout = opts.timeout || 4000; var message = opts.message; this.render(message); diff --git a/webcompat/static/js/lib/issues.js b/webcompat/static/js/lib/issues.js index fd2b8997e..0f57c55ef 100644 --- a/webcompat/static/js/lib/issues.js +++ b/webcompat/static/js/lib/issues.js @@ -215,7 +215,7 @@ issues.ImageUploadView = Backbone.View.extend({ }, this), error: function() { var msg = 'There was an error trying to upload the image.'; - wcEvents.trigger('flash:error', {message: msg, timeout: 3000}); + wcEvents.trigger('flash:error', {message: msg, timeout: 4000}); } }); } @@ -418,7 +418,7 @@ issues.MainView = Backbone.View.extend({ } }, this)).error(function() { var msg = 'There was an error retrieving issue comments. Please reload to try again.'; - wcEvents.trigger('flash:error', {message: msg, timeout: 2000}); + wcEvents.trigger('flash:error', {message: msg, timeout: 4000}); }); } }, this)).error(function(response) { @@ -428,7 +428,7 @@ issues.MainView = Backbone.View.extend({ return; } else { msg = 'There was an error retrieving the issue. Please reload to try again.'; - wcEvents.trigger('flash:error', {message: msg, timeout: 2000}); + wcEvents.trigger('flash:error', {message: msg, timeout: 4000}); } }); }, diff --git a/webcompat/static/js/lib/models/issue.js b/webcompat/static/js/lib/models/issue.js index d9212fad6..97434eb3e 100644 --- a/webcompat/static/js/lib/models/issue.js +++ b/webcompat/static/js/lib/models/issue.js @@ -96,7 +96,7 @@ issues.Issue = Backbone.Model.extend({ }, this), error: function() { var msg = 'There was an error editing this issues\'s status.'; - wcEvents.trigger('flash:error', {message: msg, timeout: 2000}); + wcEvents.trigger('flash:error', {message: msg, timeout: 4000}); } }); }, @@ -116,7 +116,7 @@ issues.Issue = Backbone.Model.extend({ }, this), error: function() { var msg = 'There was an error setting labels.'; - wcEvents.trigger('flash:error', {message: msg, timeout: 2000}); + wcEvents.trigger('flash:error', {message: msg, timeout: 4000}); } }); } diff --git a/webcompat/static/js/lib/user-activity.js b/webcompat/static/js/lib/user-activity.js index d0259204a..1590dcae5 100644 --- a/webcompat/static/js/lib/user-activity.js +++ b/webcompat/static/js/lib/user-activity.js @@ -64,7 +64,7 @@ issueList.MyIssuesView = Backbone.View.extend( timeout = e.responseJSON.timeout * 1000; } else { message = 'Something went wrong!'; - timeout = 3000; + timeout = 4000; } this._loadingIndicator.removeClass('is-active'); @@ -117,7 +117,7 @@ issueList.IssueMentionsView = Backbone.View.extend( timeout = e.responseJSON.timeout * 1000; } else { message = 'Something went wrong!'; - timeout = 3000; + timeout = 4000; } this._loadingIndicator.removeClass('is-active'); diff --git a/webcompat/templates/layout.html b/webcompat/templates/layout.html index 6afa517a8..d7fdf218a 100644 --- a/webcompat/templates/layout.html +++ b/webcompat/templates/layout.html @@ -64,7 +64,7 @@ {%- endif %} {% for category, message in get_flashed_messages(with_categories=True) %} - + {% endfor %} {% block extrascripts %}{% endblock %}