Bug 1125634 - Let about:about use info-pages.css instead of about.css
MozReview-Commit-ID: 4K1Gp2l48VK
--- a/toolkit/content/aboutAbout.xhtml
+++ b/toolkit/content/aboutAbout.xhtml
@@ -8,18 +8,20 @@
<!-- This Source Code Form is subject to the terms of the Mozilla Public
- License, v. 2.0. If a copy of the MPL was not distributed with this
- file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>&aboutAbout.title;</title>
- <link rel="stylesheet" href="chrome://global/skin/about.css" type="text/css"/>
+ <link rel="stylesheet" href="chrome://global/skin/in-content/info-pages.css" type="text/css"/>
<script type="application/javascript" src="chrome://global/content/aboutAbout.js"></script>
</head>
<body dir="&locale.dir;">
- <h1>&aboutAbout.title;</h1>
- <p><em>&aboutAbout.note;</em></p>
- <ul id="abouts" class="columns"></ul>
+ <div class="container">
+ <h1>&aboutAbout.title;</h1>
+ <p><em>&aboutAbout.note;</em></p>
+ <ul id="abouts" class="columns"></ul>
+ </div>
</body>
</html>
--- a/toolkit/themes/shared/about.css
+++ b/toolkit/themes/shared/about.css
@@ -51,13 +51,8 @@ ul {
ul > li {
margin-top: .5em;
}
th, td {
padding: 0 5px;
}
-
-.columns {
- -moz-column-width: 20em;
- -moz-column-gap: 3em;
-}
--- a/toolkit/themes/shared/in-content/info-pages.inc.css
+++ b/toolkit/themes/shared/in-content/info-pages.inc.css
@@ -10,17 +10,17 @@
}
/* Body and container */
body {
display: flex;
flex-direction: column;
box-sizing: border-box;
min-height: 100vh;
- padding: 0 48px;
+ padding: 40px 48px;
align-items: center;
justify-content: center;
}
.container {
min-width: var(--in-content-container-min-width);
max-width: var(--in-content-container-max-width);
}
@@ -78,16 +78,27 @@ ul > li, ol > li {
ul {
list-style: disc;
}
dt {
font-weight: bold;
}
+ul.columns {
+ column-count: 2;
+ column-gap: 5em;
+}
+
+@media (max-width: 35em) {
+ ul.columns {
+ column-count: 1;
+ }
+}
+
/* Buttons */
.button-container {
margin-top: 1.2em;
}
button {
padding: 0 1.5em;
border-radius: 0;