style of check ofr updates is modified

This commit is contained in:
richard-loafle 2020-01-22 16:15:00 +09:00
parent 4cef55ded8
commit 00dc2d511b
3 changed files with 17 additions and 5 deletions

View File

@ -310,8 +310,7 @@
</div> </div>
<mat-divider></mat-divider> <mat-divider></mat-divider>
<div <div
class="setting" class="setting menu-item"
style="padding: 0 16px;"
[matMenuTriggerFor]="informationMenu" [matMenuTriggerFor]="informationMenu"
(click)="onClickCheckForUpdates($event)" (click)="onClickCheckForUpdates($event)"
> >
@ -434,7 +433,10 @@
</mat-menu> </mat-menu>
<mat-menu #informationMenu="matMenu" (closed)="onClosedInformationMenu($event)"> <mat-menu #informationMenu="matMenu" (closed)="onClosedInformationMenu($event)">
<div class="version-info-container" (click)="$event.stopPropagation()"> <div
class="version-info-container menu-item"
(click)="$event.stopPropagation()"
>
<div> <div>
<span> <span>
{{ 'information.installedVersion' | translate }}:{{ appVersion }} {{ 'information.installedVersion' | translate }}:{{ appVersion }}
@ -457,7 +459,11 @@
}} }}
</span> </span>
<span> <span>
<button mat-button (click)="onClickApplyUpdate($event)"> <button
*ngIf="checkingUpdateIsExist"
mat-button
(click)="onClickApplyUpdate($event)"
>
{{ 'information.applyUpdates' | translate }} {{ 'information.applyUpdates' | translate }}
</button> </button>
</span> </span>

View File

@ -293,6 +293,10 @@
} }
} }
.menu-item {
padding: 0 16px;
}
.version-info-container { .version-info-container {
width: 250px; width: 250px;
} }

View File

@ -549,6 +549,8 @@ export class TopBarComponent implements OnInit, OnDestroy {
onClickApplyUpdate(event: Event) { onClickApplyUpdate(event: Event) {
this.nativeService this.nativeService
.checkForUpdates(this.checkingUpdateAppVersion) .checkForUpdates(this.checkingUpdateAppVersion)
.then(e => {}); .then(e => {
this.logger.debug('onClickApplyUpdate');
});
} }
} }