Phantom42 has uploaded a new change for review. (
https://gerrit.wikimedia.org/r/405058 )
Change subject: mediawiki: Better error page layout on mobile devices
......................................................................
mediawiki: Better error page layout on mobile devices
Display logo at full screen width and move text under it on devices
with small screens. This makes error text easier to read.
Bug: T182247
Change-Id: I9b9fb871e677491b65f854e55c0860600dceb716
---
M modules/mediawiki/templates/errorpage.html.erb
1 file changed, 6 insertions(+), 0 deletions(-)
git pull ssh://gerrit.wikimedia.org:29418/operations/puppet
refs/changes/58/405058/1
diff --git a/modules/mediawiki/templates/errorpage.html.erb
b/modules/mediawiki/templates/errorpage.html.erb
index ea37a35..c8af0a2 100644
--- a/modules/mediawiki/templates/errorpage.html.erb
+++ b/modules/mediawiki/templates/errorpage.html.erb
@@ -26,6 +26,12 @@
a:hover { text-decoration: underline; }
code { font-family: sans-serif; }
.text-muted { color: #777; }
+@media screen and (max-device-width: 720px) and (orientation: portrait) {
+body { font: 22px/1.6 sans-serif; }
+.content { max-width: 100%; }
+a img { float: none; display: block; width: 80%; margin: auto; }
+.content-text { width: 100%; }
+}
</style>
<div class="content" role="main">
<% if @errorpage['logo_link'] && @errorpage['logo_link'] != :undef -%>
--
To view, visit https://gerrit.wikimedia.org/r/405058
To unsubscribe, visit https://gerrit.wikimedia.org/r/settings
Gerrit-MessageType: newchange
Gerrit-Change-Id: I9b9fb871e677491b65f854e55c0860600dceb716
Gerrit-PatchSet: 1
Gerrit-Project: operations/puppet
Gerrit-Branch: production
Gerrit-Owner: Phantom42 <nikita...@gmail.com>
_______________________________________________
MediaWiki-commits mailing list
MediaWiki-commits@lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
