devol
/
bitwarden-estensione-browser
mirror of https://github.com/bitwarden/browser
1
0
Fork 0
Code Issues 1 Releases Wiki Activity

[PM-9825] Remove margin from last field in section (#10315) 

* Added disableMargin to the last field in a section

* simplified disableMargin input
This commit is contained in:
SmithThe4th 2024-07-29 16:42:27 -04:00 committed by GitHub
parent 2103cb4591
commit 0bbbe5e139
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
6 changed files with 18 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
libs/vault/src/cipher-form/components/additional-options/additional-options-section.component.html
View File

@ -8,7 +8,10 @@
<bit-label>{{ "notes" | i18n }}</bit-label> <bit-label>{{ "notes" | i18n }}</bit-label>
<textarea bitInput formControlName="notes"></textarea> <textarea bitInput formControlName="notes"></textarea>
</bit-form-field> </bit-form-field>
<bit-form-control *ngIf="passwordRepromptEnabled$ | async"> <bit-form-control
*ngIf="passwordRepromptEnabled$ | async"
[disableMargin]="hasCustomFields || isPartialEdit"
>
<input type="checkbox" bitCheckbox formControlName="reprompt" /> <input type="checkbox" bitCheckbox formControlName="reprompt" />
<bit-label>{{ "passwordPrompt" | i18n }}</bit-label> <bit-label>{{ "passwordPrompt" | i18n }}</bit-label>
</bit-form-control> </bit-form-control>

2
libs/vault/src/cipher-form/components/card-details-section/card-details-section.component.html
View File

@ -51,7 +51,7 @@
</bit-form-field> </bit-form-field>
</div> </div>
<bit-form-field> <bit-form-field disableMargin>
<bit-label>{{ "securityCode" | i18n }}</bit-label> <bit-label>{{ "securityCode" | i18n }}</bit-label>
<input id="cardCode" bitInput formControlName="code" type="password" /> <input id="cardCode" bitInput formControlName="code" type="password" />
<button <button

2
libs/vault/src/cipher-form/components/custom-fields/custom-fields.component.html
View File

@ -12,7 +12,7 @@
<div <div
*ngFor="let field of fields.controls; let i = index" *ngFor="let field of fields.controls; let i = index"
[formGroupName]="i" [formGroupName]="i"
class="tw-flex tw-p-3 -tw-mx-3 tw-gap-4 tw-bg-background tw-rounded-lg first:-tw-mt-3 last-of-type:tw-mb-3" class="tw-flex tw-p-3 -tw-mx-3 tw-gap-4 tw-bg-background tw-rounded-lg first:-tw-mt-3 last-of-type:tw-mb-0"
[ngClass]="{ [ngClass]="{
'tw-items-center': field.value.type === FieldType.Boolean, 'tw-items-center': field.value.type === FieldType.Boolean,
}" }"

8
libs/vault/src/cipher-form/components/identity/identity.component.html
View File

@ -41,7 +41,7 @@
</bit-label> </bit-label>
<input bitInput formControlName="username" /> <input bitInput formControlName="username" />
</bit-form-field> </bit-form-field>
<bit-form-field> <bit-form-field disableMargin>
<bit-label> <bit-label>
{{ "company" | i18n }} {{ "company" | i18n }}
</bit-label> </bit-label>
@ -80,7 +80,7 @@
data-testid="visibility-for-passport-number" data-testid="visibility-for-passport-number"
></button> ></button>
</bit-form-field> </bit-form-field>
<bit-form-field> <bit-form-field disableMargin>
<bit-label> <bit-label>
{{ "licenseNumber" | i18n }} {{ "licenseNumber" | i18n }}
</bit-label> </bit-label>
@ -99,7 +99,7 @@
</bit-label> </bit-label>
<input bitInput formControlName="email" /> <input bitInput formControlName="email" />
</bit-form-field> </bit-form-field>
<bit-form-field> <bit-form-field disableMargin>
<bit-label> <bit-label>
{{ "phone" | i18n }} {{ "phone" | i18n }}
</bit-label> </bit-label>
@ -148,7 +148,7 @@
</bit-label> </bit-label>
<input bitInput formControlName="postalCode" /> <input bitInput formControlName="postalCode" />
</bit-form-field> </bit-form-field>
<bit-form-field> <bit-form-field disableMargin>
<bit-label> <bit-label>
{{ "country" | i18n }} {{ "country" | i18n }}
</bit-label> </bit-label>

10
libs/vault/src/cipher-form/components/item-details/item-details-section.component.html
View File

@ -18,7 +18,11 @@
<input bitInput formControlName="name" /> <input bitInput formControlName="name" />
</bit-form-field> </bit-form-field>
<div class="tw-flex tw-flex-wrap tw-gap-1"> <div class="tw-flex tw-flex-wrap tw-gap-1">
<bit-form-field class="tw-flex-1" *ngIf="showOwnership"> <bit-form-field
class="tw-flex-1"
*ngIf="showOwnership"
[disableMargin]="!showCollectionsControl"
>
<bit-label>{{ "owner" | i18n }}</bit-label> <bit-label>{{ "owner" | i18n }}</bit-label>
<bit-select formControlName="organizationId"> <bit-select formControlName="organizationId">
<bit-option <bit-option
@ -33,7 +37,7 @@
></bit-option> ></bit-option>
</bit-select> </bit-select>
</bit-form-field> </bit-form-field>
<bit-form-field class="tw-flex-1"> <bit-form-field class="tw-flex-1" [disableMargin]="!showCollectionsControl">
<bit-label>{{ "folder" | i18n }}</bit-label> <bit-label>{{ "folder" | i18n }}</bit-label>
<bit-select formControlName="folderId"> <bit-select formControlName="folderId">
<bit-option <bit-option
@ -45,7 +49,7 @@
</bit-form-field> </bit-form-field>
</div> </div>
<ng-container *ngIf="showCollectionsControl"> <ng-container *ngIf="showCollectionsControl">
<bit-form-field class="tw-w-full"> <bit-form-field class="tw-w-full" disableMargin>
<bit-label>{{ "collections" | i18n }}</bit-label> <bit-label>{{ "collections" | i18n }}</bit-label>
<bit-multi-select <bit-multi-select
class="tw-w-full" class="tw-w-full"

2
libs/vault/src/cipher-form/components/login-details-section/login-details-section.component.html
View File

@ -74,7 +74,7 @@
></button> ></button>
</bit-form-field> </bit-form-field>
<bit-form-field> <bit-form-field disableMargin>
<bit-label> <bit-label>
{{ "authenticatorKey" | i18n }} {{ "authenticatorKey" | i18n }}
<button <button