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

Bug 1820282 - standardize button styling in import error dialog. r=hjones,credential-management-reviewers,mtigley

Browse Source 
use reusable button group component for generic dialog; add padding

fix style err by adding semicolon

Differential Revision: https://phabricator.services.mozilla.com/D171908
This commit is contained in:
divya 2023-03-14 13:37:29 +00:00
parent b42c4425d0
commit c35c9375cd
2 changed files with 4 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
browser/components/aboutlogins/content/aboutLogins.html
View File

@ -107,9 +107,9 @@
</div>
<a class="open-detailed-report" href="about:loginsimportreport" target="_blank" data-l10n-id="about-logins-alert-import-message"></a>
</div>
<div slot="buttons">
<moz-button-group slot="buttons" class="buttons">
<button class="dismiss-button primary" data-l10n-id="about-logins-import-dialog-done"></button>
</div>
</moz-button-group>
</generic-dialog>
</template>
@ -127,10 +127,10 @@
<a class="error-learn-more-link" href="https://support.mozilla.org/kb/import-login-data-file"
data-l10n-id="about-logins-import-dialog-error-learn-more" target="_blank" rel="noreferrer"></a>
</div>
<div slot="buttons" class="buttons">
<moz-button-group slot="buttons" class="buttons">
<button class="dismiss-button" data-l10n-id="about-logins-import-dialog-error-cancel"></button>
<button class="try-import-again primary" data-l10n-id="about-logins-import-dialog-error-try-import-again"></button>
</div>
</moz-button-group>
</generic-dialog>
</template>

9
browser/components/aboutlogins/content/components/generic-dialog.css
View File

@ -55,17 +55,8 @@
::slotted([slot="buttons"]) {
grid-column: 1 / 4;
grid-row-start: 3;
display: flex;
justify-content: flex-end;
border-top: 1px solid var(--in-content-border-color);
padding-top: 12px;
gap: 10px;
}
button {
min-width: 170px;
min-height: 30px;
margin: 0;
}
.dialog-body {