1
0
mirror of https://github.com/bitwarden/browser synced 2025-12-11 22:03:36 +00:00

[PM-16270] - allow full width for owner and folder select (#13418)

* allow full width for owner and folder select

* remove unecessary css class

* move folder under collection

* move prop to correct component
This commit is contained in:
Jordan Aasen
2025-02-20 15:16:49 -08:00
committed by GitHub
parent b591c053ca
commit 49dc3e0d28

View File

@@ -18,43 +18,23 @@
<bit-label>{{ "itemName" | i18n }}</bit-label> <bit-label>{{ "itemName" | i18n }}</bit-label>
<input bitInput formControlName="name" /> <input bitInput formControlName="name" />
</bit-form-field> </bit-form-field>
<div class="tw-grid tw-grid-cols-2 tw-gap-1"> <bit-form-field *ngIf="showOwnership">
<bit-form-field <bit-label>{{ "owner" | i18n }}</bit-label>
*ngIf="showOwnership" <bit-select formControlName="organizationId">
[disableMargin]="!showCollectionsControl" <bit-option
[class.tw-col-span-2]="config.hideIndividualVaultFields" *ngIf="showPersonalOwnerOption"
> [value]="null"
<bit-label>{{ "owner" | i18n }}</bit-label> [label]="userEmail$ | async"
<bit-select formControlName="organizationId"> ></bit-option>
<bit-option <bit-option
*ngIf="showPersonalOwnerOption" *ngFor="let org of config.organizations"
[value]="null" [value]="org.id"
[label]="userEmail$ | async" [label]="org.name"
></bit-option> ></bit-option>
<bit-option </bit-select>
*ngFor="let org of config.organizations" </bit-form-field>
[value]="org.id"
[label]="org.name"
></bit-option>
</bit-select>
</bit-form-field>
<bit-form-field
[class.tw-col-span-2]="!showOwnership"
[disableMargin]="!showCollectionsControl"
*ngIf="!config.hideIndividualVaultFields"
>
<bit-label>{{ "folder" | i18n }}</bit-label>
<bit-select formControlName="folderId">
<bit-option
*ngFor="let folder of config.folders"
[value]="folder.id"
[label]="folder.name"
></bit-option>
</bit-select>
</bit-form-field>
</div>
<ng-container *ngIf="showCollectionsControl"> <ng-container *ngIf="showCollectionsControl">
<bit-form-field class="tw-w-full" disableMargin> <bit-form-field class="tw-w-full" [disableMargin]="config.hideIndividualVaultFields">
<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"
@@ -66,5 +46,15 @@
</bit-hint> </bit-hint>
</bit-form-field> </bit-form-field>
</ng-container> </ng-container>
<bit-form-field *ngIf="!config.hideIndividualVaultFields" disableMargin>
<bit-label>{{ "folder" | i18n }}</bit-label>
<bit-select formControlName="folderId">
<bit-option
*ngFor="let folder of config.folders"
[value]="folder.id"
[label]="folder.name"
></bit-option>
</bit-select>
</bit-form-field>
</bit-card> </bit-card>
</bit-section> </bit-section>