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 %}