1
0
mirror of https://github.com/bitwarden/browser synced 2025-12-10 21:33:27 +00:00

[PM-1914] Migrate all dialogs to use the new bitDialogFooter default styling (#5256)

This commit is contained in:
Oscar Hinton
2023-05-01 17:59:29 +02:00
committed by GitHub
parent b39b525db8
commit 7ed0a4bbf2
24 changed files with 48 additions and 48 deletions

View File

@@ -65,7 +65,7 @@
</bit-tab>
</bit-tab-group>
</div>
<div bitDialogFooter class="tw-flex tw-flex-row tw-gap-2">
<ng-container bitDialogFooter>
<button bitButton buttonType="primary" bitFormButton type="submit">
{{ "save" | i18n }}
</button>
@@ -87,6 +87,6 @@
[bitAction]="delete"
[appA11yTitle]="'delete' | i18n"
></button>
</div>
</ng-container>
</bit-dialog>
</form>

View File

@@ -325,7 +325,7 @@
></bit-tab>
</bit-tab-group>
</div>
<div bitDialogFooter class="tw-flex tw-flex-row tw-gap-2">
<ng-container bitDialogFooter>
<button type="submit" bitButton bitFormButton buttonType="primary" [disabled]="loading">
{{ "save" | i18n }}
</button>
@@ -373,6 +373,6 @@
[disabled]="loading"
></button>
</div>
</div>
</ng-container>
</bit-dialog>
</form>

View File

@@ -149,7 +149,7 @@ const DialogAccessSelectorTemplate: Story<AccessSelectorComponent> = (
[showMemberRoles]="showMemberRoles"
></bit-access-selector>
</span>
<div bitDialogFooter class="tw-flex tw-items-center tw-flex-row tw-gap-2">
<ng-container bitDialogFooter>
<button bitButton buttonType="primary">Save</button>
<button bitButton buttonType="secondary">Cancel</button>
<button
@@ -159,7 +159,7 @@ const DialogAccessSelectorTemplate: Story<AccessSelectorComponent> = (
size="default"
title="Delete"
aria-label="Delete"></button>
</div>
</ng-container>
</bit-dialog>
`,
});

View File

@@ -73,7 +73,7 @@
</bit-tab>
</bit-tab-group>
</div>
<div bitDialogFooter class="tw-flex tw-flex-row tw-gap-2">
<ng-container bitDialogFooter>
<button type="submit" bitButton bitFormButton buttonType="primary" [disabled]="loading">
{{ "save" | i18n }}
</button>
@@ -98,6 +98,6 @@
[bitAction]="delete"
[disabled]="loading"
></button>
</div>
</ng-container>
</bit-dialog>
</form>

View File

@@ -39,12 +39,12 @@
</div>
</form>
</span>
<div bitDialogFooter class="tw-flex tw-flex-row tw-gap-2">
<ng-container bitDialogFooter>
<button bitButton buttonType="primary" type="submit" [loading]="loading" form="form">
<span>{{ "changeKdf" | i18n }}</span>
</button>
<button bitButton buttonType="secondary" type="button" data-dismiss="modal">
{{ "cancel" | i18n }}
</button>
</div>
</ng-container>
</bit-dialog>

View File

@@ -24,9 +24,9 @@
</bit-table>
</div>
<div bitDialogFooter>
<ng-container bitDialogFooter>
<button bitButton bitDialogClose buttonType="primary" type="button">
{{ "ok" | i18n }}
</button>
</div>
</ng-container>
</bit-dialog>

View File

@@ -16,10 +16,10 @@
{{ "permanentlyDeleteSelectedItemsDesc" | i18n : cipherIds.length }}
</ng-container>
</span>
<div bitDialogFooter class="tw-flex tw-flex-row tw-gap-2">
<ng-container bitDialogFooter>
<button bitButton type="submit" buttonType="danger" [bitAction]="submit">
{{ (permanent ? "permanentlyDelete" : "delete") | i18n }}
</button>
<button bitButton type="button" (click)="cancel()">{{ "cancel" | i18n }}</button>
</div>
</ng-container>
</bit-simple-dialog>

View File

@@ -12,13 +12,13 @@
</select>
</bit-form-field>
</span>
<div bitDialogFooter class="tw-flex tw-flex-row tw-gap-2">
<ng-container bitDialogFooter>
<button bitButton bitFormButton type="submit" buttonType="primary">
{{ "save" | i18n }}
</button>
<button bitButton bitFormButton type="button" buttonType="secondary" (click)="cancel()">
{{ "cancel" | i18n }}
</button>
</div>
</ng-container>
</bit-dialog>
</form>

View File

@@ -5,10 +5,10 @@
<span bitDialogContent>
{{ "restoreSelectedItemsDesc" | i18n : cipherIds.length }}
</span>
<div bitDialogFooter class="tw-flex tw-flex-row tw-gap-2">
<ng-container bitDialogFooter>
<button bitButton type="submit" buttonType="primary" [bitAction]="submit">
{{ "restore" | i18n }}
</button>
<button bitButton type="button" (click)="cancel()">{{ "cancel" | i18n }}</button>
</div>
</ng-container>
</bit-simple-dialog>

View File

@@ -62,12 +62,12 @@
</tbody>
</table>
</span>
<div bitDialogFooter class="tw-flex tw-flex-row tw-gap-2">
<ng-container bitDialogFooter>
<button bitButton type="submit" buttonType="primary" [bitAction]="submit">
{{ "save" | i18n }}
</button>
<button bitButton type="button" buttonType="secondary" (click)="cancel()">
{{ "cancel" | i18n }}
</button>
</div>
</ng-container>
</bit-dialog>