Upstream/bitwarden-browser
1
0
Fork 0
mirror of https://github.com/bitwarden/browser.git synced 2025-03-13 13:49:37 +01:00
Code Issues Projects Releases Wiki Activity

box-content-row-checkbox styling for left aligned (#1453)

Browse Source
This commit is contained in:
Kyle Spearrin 2020-11-13 11:51:49 -05:00 committed by GitHub
parent 90ad1847e7
commit f662e38517
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 9 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/popup/accounts/register.component.html
View File

@ -82,7 +82,7 @@
</div>
<div class="box last" *ngIf="showTerms">
<div class="box-content">
<div class="box-footer box-content-row checkbox">
<div class="box-content-row box-content-row-checkbox box-content-row-checkbox-left" appBoxRow>
<input type="checkbox" id="acceptPolicies" [(ngModel)]="acceptPolicies" name="AcceptPolicies">
<label for="acceptPolicies">
{{'acceptPolicies' | i18n}}<br>

8
src/popup/scss/box.scss
View File

@ -293,6 +293,14 @@
}
}
&.box-content-row-checkbox-left {
justify-content: flex-start;
> input {
margin: 0 15px 0 0;
}
}
&.box-content-row-input {
label {
white-space: nowrap;

16
src/popup/scss/misc.scss
View File

@ -307,19 +307,3 @@ app-vault-icon {
input[type="password"]::-ms-reveal {
display: none;
}
.checkbox {
position: relative;
display: block;
padding-left: 18px;
label {
margin-bottom: 0;
}
input[type="checkbox"] {
position: absolute;
margin-top: 4px;
margin-left: -18px;
}
}