Bug 1579165 - Separators between logins (and bounding boxes of containers) should be lighter to match the spec r=jaws

Note - I did not edit the refernces to `--in-content-box-border-color` across the following refernces:
login-list:
	:host (Also contained references to backround color: `--in-content-box-background`)
	.meta (Also contained references to backround color: `--in-content-box-background`)
	.create-login-button-container (Shadow color property)
menu-button:
	.menu (Also contained references to backround color: `--in-content-box-background`)

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

--HG--
extra : moz-landing-system : lando
This commit is contained in:
mcrawford@mozilla.com 2019-10-15 22:12:00 +00:00
parent 506e99cdb6
commit 24e66bcef9
3 changed files with 5 additions and 5 deletions

View File

@ -17,7 +17,7 @@ header {
grid-area: header;
align-items: center;
background-color: var(--in-content-page-background);
border-bottom: 1px solid var(--in-content-box-border-color);
border-bottom: 1px solid var(--in-content-border-color);
padding-inline-end: 23px;
}

View File

@ -90,7 +90,7 @@ input[type="url"][readOnly] {
.header {
display: flex;
align-items: center;
border-bottom: 1px solid var(--in-content-box-border-color);
border-bottom: 1px solid var(--in-content-border-color);
margin-bottom: 40px;
}
@ -224,7 +224,7 @@ input[type="url"][readOnly]:hover:active {
content: "";
display: block;
margin-bottom: 20px;
border-top: 1px solid var(--in-content-box-border-color);
border-top: 1px solid var(--in-content-border-color);
width: 40px;
}

View File

@ -71,7 +71,7 @@
padding: 1em;
max-width: 50ch; /* This should be kept in sync with login-list-item username and title max-width */
flex-grow: 1;
border-bottom: 1px solid var(--in-content-box-border-color);
border-bottom: 1px solid var(--in-content-border-color);
}
.empty-search-message span,
@ -104,7 +104,7 @@ ol {
padding-inline-end: 18px;
padding-inline-start: 12px;
border-inline-start: 4px solid transparent;
border-bottom: 1px solid var(--in-content-box-border-color);
border-bottom: 1px solid var(--in-content-border-color);
user-select: none;
}