bitwarden/browser
1
0
Fork 0
mirror of https://github.com/bitwarden/browser synced 2025-12-16 08:13:42 +00:00
Code Issues Releases Wiki Activity

Block save button when uploading a send (#871)

Browse Source 
* Block save button when uploading a send

* Add overflow hidden to prevent scrollbar appearing
This commit is contained in:
Oscar Hinton
2021-05-04 23:36:57 +02:00
committed by GitHub
parent 3a342be095
commit 2bdd7413aa
3 changed files with 32 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
jslib

Submodule jslib updated: a72c8a60c1...e2cb9b6bef

9
src/app/send/add-edit.component.html
View File

@@ -1,4 +1,4 @@
<form (ngSubmit)="submit()" [appApiAction]="formPromise"> <form #form (ngSubmit)="submit()" [appApiAction]="formPromise">
<div class="content"> <div class="content">
<div class="inner-content" *ngIf="send"> <div class="inner-content" *ngIf="send">
<div class="box"> <div class="box">
@@ -182,10 +182,11 @@
</div> </div>
</div> </div>
<div class="footer"> <div class="footer">
<button appBlurClick type="submit" class="primary" appA11yTitle="{{'save' | i18n}}" *ngIf="!disableSend"> <button appBlurClick type="submit" class="primary btn-submit" appA11yTitle="{{'save' | i18n}}" [disabled]="form.loading" *ngIf="!disableSend">
<i class="fa fa-save fa-lg fa-fw" aria-hidden="true"></i> <i class="fa fa-spinner fa-spin" title="{{'loading' | i18n}}" aria-hidden="true"></i>
<span><i class="fa fa-save fa-lg fa-fw" aria-hidden="true"></i></span>
</button> </button>
<button appBlurClick type="button" (click)="cancel()"> <button appBlurClick type="button" (click)="cancel()" [disabled]="form.loading">
{{'cancel' | i18n}} {{'cancel' | i18n}}
</button> </button>
<div class="right"> <div class="right">

26
src/scss/buttons.scss
View File

@@ -86,3 +86,29 @@
} }
} }
} }
.btn-submit {
position: relative;
overflow: hidden;
.fa-spinner {
position: absolute;
display: none;
align-items: center;
justify-content: center;
bottom: 0;
top: 0;
left: 0;
right: 0;
}
&:disabled:not(.manual), &.loading {
.fa-spinner {
display: flex;
}
span {
visibility: hidden;
}
}
}