Commit 9cb57c76 authored by Jared Wein's avatar Jared Wein
Browse files

Bug 1549809 - Place the elements in a grid. r=MattN

Differential Revision: https://phabricator.services.mozilla.com/D30754

--HG--
extra : moz-landing-system : lando
parent a911756a
/* 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/. */
body {
display: grid;
grid-template-columns: 280px 1fr;
grid-template-rows: 75px 1fr;
grid-template-areas: "header header"
"logins login";
height: 100vh;
}
header {
grid-area: header;
}
login-list {
grid-area: logins;
}
login-item {
grid-area: login;
}
......@@ -15,10 +15,13 @@
<script defer="defer" src="chrome://browser/content/aboutlogins/components/login-list-item.js"></script>
<script defer="defer" src="chrome://browser/content/aboutlogins/aboutLogins.js"></script>
<link rel="stylesheet" type="text/css" href="chrome://global/skin/in-content/common.css">
<link rel="stylesheet" type="text/css" href="chrome://browser/content/aboutlogins/aboutLogins.css">
</head>
<body>
<login-filter data-l10n-id="login-filter"
data-l10n-attrs="placeholder"></login-filter>
<header>
<login-filter data-l10n-id="login-filter"
data-l10n-attrs="placeholder"></login-filter>
</header>
<login-list data-l10n-id="login-list"
data-l10n-attrs="login-list-header"></login-list>
<login-item data-l10n-id="login-item"
......
......@@ -11,5 +11,6 @@ browser.jar:
content/browser/aboutlogins/components/login-list.js (content/components/login-list.js)
content/browser/aboutlogins/components/login-list-item.css (content/components/login-list-item.css)
content/browser/aboutlogins/components/login-list-item.js (content/components/login-list-item.js)
content/browser/aboutlogins/aboutLogins.css (content/aboutLogins.css)
content/browser/aboutlogins/aboutLogins.js (content/aboutLogins.js)
content/browser/aboutlogins/aboutLogins.html (content/aboutLogins.html)
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment