Magic-Mirror/gecko-dev
1
0
Fork 0
mirror of https://github.com/mozilla/gecko-dev.git synced 2025-02-26 04:09:50 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Bug 1854420 - re-add moz-button-group CSS rule to remove margins from slotted buttons r=emilio,desktop-theme-reviewers,reusable-components-reviewers,tgiles

Browse Source 
Differential Revision: https://phabricator.services.mozilla.com/D189856
This commit is contained in:
Hanna Jones 2023-10-18 22:03:01 +00:00
parent 7872a09610
commit 4bd841541f
2 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
toolkit/content/tests/widgets/test_moz_button_group.html
View File

@ -37,8 +37,8 @@
let secondBounds = b.getBoundingClientRect();
ok(firstBounds.right < secondBounds.left, `First button comes first`);
let locationDiff = Math.abs(secondBounds.left - firstBounds.right - 12);
ok(locationDiff < 1, `Second button is 12px after first (${locationDiff}, ${firstBounds.right}, ${secondBounds.left})`);
let locationDiff = Math.abs(secondBounds.left - firstBounds.right - 8);
ok(locationDiff < 1, `Second button is 8px after first (${locationDiff}, ${firstBounds.right}, ${secondBounds.left})`);
};
ok(buttons.length >= 2, "There are at least 2 buttons to check");

4
toolkit/content/widgets/moz-button-group/moz-button-group.css
View File

@ -7,6 +7,10 @@
justify-content: flex-end;
}
::slotted(button) {
margin: 0 !important;
}
::slotted(button:not(:first-child, .popup-notification-dropmarker)) {
margin-inline-start: 8px !important;
}