1
0
mirror of https://github.com/bitwarden/browser synced 2025-12-06 00:13:28 +00:00

replace bit-section with section for all shared cipher form and views (#14710)

This commit is contained in:
Jordan Aasen
2025-05-13 16:26:36 -07:00
committed by GitHub
parent d68574fc40
commit 7de6befbf4
16 changed files with 42 additions and 37 deletions

View File

@@ -1,6 +1,7 @@
<bit-section
<section
class="tw-mb-5 bit-compact:tw-mb-4"
[ngClass]="{ 'tw-mb-0': disableSectionMargin && !hasCustomFields }"
[formGroup]="additionalOptionsForm"
[disableMargin]="disableSectionMargin && !hasCustomFields"
>
<bit-section-header>
<h2 bitTypography="h6">{{ "additionalOptions" | i18n }}</h2>
@@ -30,7 +31,7 @@
{{ "addField" | i18n }}
</button>
</bit-card>
</bit-section>
</section>
<vault-custom-fields
(numberOfFieldsChange)="handleCustomFieldChange($event)"

View File

@@ -1,4 +1,4 @@
<bit-section [formGroup]="autofillOptionsForm">
<section class="tw-mb-5 bit-compact:tw-mb-4" [formGroup]="autofillOptionsForm">
<bit-section-header>
<h2 bitTypography="h6">
{{ "autofillOptions" | i18n }}
@@ -38,4 +38,4 @@
<bit-select formControlName="autofillOnPageLoad" [items]="autofillOptions"></bit-select>
</bit-form-field>
</bit-card>
</bit-section>
</section>

View File

@@ -1,4 +1,4 @@
<bit-section [formGroup]="cardDetailsForm">
<section [formGroup]="cardDetailsForm" class="tw-mb-5 bit-compact:tw-mb-4">
<bit-section-header>
<h2 bitTypography="h6">
{{ getSectionHeading() }}
@@ -71,4 +71,4 @@
></button>
</bit-form-field>
</bit-card>
</bit-section>
</section>

View File

@@ -1,4 +1,8 @@
<bit-section *ngIf="hasCustomFields" [disableMargin]="disableSectionMargin">
<section
class="tw-mb-5 bit-compact:tw-mb-4"
*ngIf="hasCustomFields"
[ngClass]="{ 'tw-mb-0': disableSectionMargin }"
>
<bit-section-header>
<h2 bitTypography="h6">{{ "customFields" | i18n }}</h2>
</bit-section-header>
@@ -116,4 +120,4 @@
</button>
</bit-card>
</form>
</bit-section>
</section>

View File

@@ -1,4 +1,4 @@
<bit-section [formGroup]="itemDetailsForm">
<section [formGroup]="itemDetailsForm" class="tw-mb-5 bit-compact:tw-mb-4">
<bit-section-header>
<h2 bitTypography="h6">{{ "itemDetails" | i18n }}</h2>
<button
@@ -57,4 +57,4 @@
</bit-select>
</bit-form-field>
</bit-card>
</bit-section>
</section>

View File

@@ -1,4 +1,4 @@
<bit-section [formGroup]="loginDetailsForm">
<section [formGroup]="loginDetailsForm" class="tw-mb-5 bit-compact:tw-mb-4">
<bit-section-header>
<h2 bitTypography="h6">
{{ "loginCredentials" | i18n }}
@@ -127,6 +127,6 @@
></button>
</bit-form-field>
</bit-card>
</bit-section>
</section>
<vault-autofill-options></vault-autofill-options>

View File

@@ -1,4 +1,4 @@
<bit-section [formGroup]="sshKeyForm">
<section [formGroup]="sshKeyForm" class="tw-mb-5 bit-compact:tw-mb-4">
<bit-section-header>
<h2 bitTypography="h6">
{{ "typeSshKey" | i18n }}
@@ -35,4 +35,4 @@
<input id="keyFingerprint" bitInput formControlName="keyFingerprint" />
</bit-form-field>
</bit-card>
</bit-section>
</section>

View File

@@ -1,4 +1,4 @@
<bit-section>
<section class="tw-mb-5 bit-compact:tw-mb-4">
<bit-section-header>
<h2 bitTypography="h6">{{ "additionalOptions" | i18n }}</h2>
</bit-section-header>
@@ -18,4 +18,4 @@
></button>
</bit-form-field>
</bit-card>
</bit-section>
</section>

View File

@@ -1,4 +1,4 @@
<bit-section>
<section class="tw-mb-5 bit-compact:tw-mb-4">
<bit-section-header>
<h2 bitTypography="h6">{{ "attachments" | i18n }}</h2>
</bit-section-header>
@@ -21,4 +21,4 @@
</ng-container>
</bit-item>
</bit-item-group>
</bit-section>
</section>

View File

@@ -1,4 +1,4 @@
<bit-section>
<section class="tw-mb-5 bit-compact:tw-mb-4">
<bit-section-header>
<h2 bitTypography="h6">{{ "autofillOptions" | i18n }}</h2>
</bit-section-header>
@@ -41,4 +41,4 @@
</bit-form-field>
</ng-container>
</bit-card>
</bit-section>
</section>

View File

@@ -1,4 +1,4 @@
<bit-section>
<section class="tw-mb-5 bit-compact:tw-mb-4">
<bit-section-header>
<h2 bitTypography="h6">{{ setSectionTitle }}</h2>
</bit-section-header>
@@ -93,4 +93,4 @@
></button>
</bit-form-field>
</read-only-cipher-card>
</bit-section>
</section>

View File

@@ -1,4 +1,4 @@
<bit-section>
<section class="tw-mb-5 bit-compact:tw-mb-4">
<bit-section-header>
<h2 bitTypography="h6">{{ "customFields" | i18n }}</h2>
</bit-section-header>
@@ -115,4 +115,4 @@
</bit-form-field>
</div>
</bit-card>
</bit-section>
</section>

View File

@@ -1,4 +1,4 @@
<bit-section>
<section class="tw-mb-5 bit-compact:tw-mb-4">
<bit-section-header>
<h2 bitTypography="h6">{{ "itemDetails" | i18n }}</h2>
</bit-section-header>
@@ -80,4 +80,4 @@
</li>
</ul>
</bit-card>
</bit-section>
</section>

View File

@@ -1,4 +1,4 @@
<bit-section>
<section class="tw-mb-5 bit-compact:tw-mb-4">
<bit-section-header>
<h2 bitTypography="h6">{{ "loginCredentials" | i18n }}</h2>
</bit-section-header>
@@ -164,4 +164,4 @@
></button>
</bit-form-field>
</read-only-cipher-card>
</bit-section>
</section>

View File

@@ -1,4 +1,4 @@
<bit-section>
<section class="tw-mb-5 bit-compact:tw-mb-4">
<bit-section-header>
<h2 bitTypography="h6">{{ "typeSshKey" | i18n }}</h2>
</bit-section-header>
@@ -66,4 +66,4 @@
></button>
</bit-form-field>
</bit-card>
</bit-section>
</section>

View File

@@ -1,4 +1,4 @@
<bit-section *ngIf="hasPersonalDetails">
<section *ngIf="hasPersonalDetails" class="tw-mb-5 bit-compact:tw-mb-4">
<bit-section-header>
<h2 bitTypography="h6">{{ "personalDetails" | i18n }}</h2>
</bit-section-header>
@@ -64,9 +64,9 @@
></button>
</bit-form-field>
</read-only-cipher-card>
</bit-section>
</section>
<bit-section *ngIf="hasIdentificationDetails">
<section *ngIf="hasIdentificationDetails" class="tw-mb-5 bit-compact:tw-mb-4">
<bit-section-header>
<h2 bitTypography="h6">{{ "identification" | i18n }}</h2>
</bit-section-header>
@@ -153,9 +153,9 @@
></button>
</bit-form-field>
</read-only-cipher-card>
</bit-section>
</section>
<bit-section *ngIf="hasContactDetails">
<section *ngIf="hasContactDetails" class="tw-mb-5 bit-compact:tw-mb-4">
<bit-section-header>
<h2 bitTypography="h6">{{ "contactInfo" | i18n }}</h2>
</bit-section-header>
@@ -212,4 +212,4 @@
></button>
</bit-form-field>
</read-only-cipher-card>
</bit-section>
</section>