Bug 1589652 - better handling of long sync engine names in the preferences UI. r=Gijs

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

--HG--
extra : moz-landing-system : lando
This commit is contained in:
Mark Hammond 2019-10-25 09:53:12 +00:00
parent 1adee5d563
commit 1c1f307734

View File

@ -692,7 +692,7 @@ button > hbox > label {
.sync-engines-list + hbox {
margin-top: 0px;
padding-top: 16px;
max-width: 224px;
max-width: 300px;
height: auto;
}
@ -705,17 +705,26 @@ dialog > .sync-engines-list + hbox {
.sync-engine-image {
margin-inline-start: 4px;
margin-inline-end: 8px;
width: 16px;
height: 16px;
min-width: 16px;
min-height: 16px;
-moz-context-properties: fill;
fill: currentColor;
}
.sync-engines-list checkbox {
min-width: max-content;
max-width: calc(50vw - 10px);
}
.sync-engines-list {
column-count: 2;
column-fill: balance;
}
.sync-engines-list > div:not([hidden]) {
display: flex;
}
.sync-engine-bookmarks .checkbox-icon,
.sync-engine-bookmarks.sync-engine-image {
list-style-image: url("chrome://browser/skin/preferences/in-content/bookmark.svg");