Magic-Mirror/gecko-dev
1
0
Fork 0
mirror of https://github.com/mozilla/gecko-dev.git synced 2024-10-10 11:55:49 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Bug 1125634 - Let about:about use info-pages.css instead of about.css r=dao

Browse Source 
MozReview-Commit-ID: 4K1Gp2l48VK

--HG--
extra : rebase_source : 2ba52817ccd102dd9ce4f08277e1fa032c4c43e3
This commit is contained in:
UK992 2017-06-09 01:36:38 +02:00
parent 24bfe124f4
commit db267cec2f
3 changed files with 18 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
toolkit/content/aboutAbout.xhtml
View File

@ -13,13 +13,15 @@
<html xmlns="http://www.w3.org/1999/xhtml"> <html xmlns="http://www.w3.org/1999/xhtml">
<head> <head>
<title>&aboutAbout.title;</title> <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> <script type="application/javascript" src="chrome://global/content/aboutAbout.js"></script>
</head> </head>
<body dir="&locale.dir;"> <body dir="&locale.dir;">
<h1>&aboutAbout.title;</h1> <div class="container">
<p><em>&aboutAbout.note;</em></p> <h1>&aboutAbout.title;</h1>
<ul id="abouts" class="columns"></ul> <p><em>&aboutAbout.note;</em></p>
<ul id="abouts" class="columns"></ul>
</div>
</body> </body>
</html> </html>

5
toolkit/themes/shared/about.css
View File

@ -56,8 +56,3 @@ ul > li {
th, td { th, td {
padding: 0 5px; padding: 0 5px;
} }
.columns {
-moz-column-width: 20em;
-moz-column-gap: 3em;
}

13
toolkit/themes/shared/in-content/info-pages.inc.css
View File

@ -15,7 +15,7 @@ body {
flex-direction: column; flex-direction: column;
box-sizing: border-box; box-sizing: border-box;
min-height: 100vh; min-height: 100vh;
padding: 0 48px; padding: 40px 48px;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
} }
@ -83,6 +83,17 @@ dt {
font-weight: bold; font-weight: bold;
} }
ul.columns {
column-count: 2;
column-gap: 5em;
}
@media (max-width: 35em) {
ul.columns {
column-count: 1;
}
}
/* Buttons */ /* Buttons */
.button-container { .button-container {
margin-top: 1.2em; margin-top: 1.2em;