Fix some browser style consistencies
All checks were successful
continuous-integration/drone/push Build is passing

This commit is contained in:
Garrett Mills 2020-11-20 12:16:05 -06:00
parent 99a1f0103f
commit 8dde908b97
Signed by: garrettmills
GPG Key ID: D2BF5FBA8298F246
3 changed files with 12 additions and 7 deletions

View File

@ -9,7 +9,7 @@
></ion-input> ></ion-input>
<button <button
class="clear-btn" class="clear-btn"
style="padding: 0 20px; color: white;" style="padding: 0 20px;"
*ngIf="fullPage && (editorService.isSaving || editorService.willSave)" *ngIf="fullPage && (editorService.isSaving || editorService.willSave)"
title="Saving..." title="Saving..."
> >
@ -17,14 +17,14 @@
</button> </button>
<button <button
class="clear-btn" class="clear-btn"
style="padding: 0 20px; color: white;" style="padding: 0 20px;"
*ngIf="fullPage && !(editorService.isSaving || editorService.willSave)" *ngIf="fullPage && !(editorService.isSaving || editorService.willSave)"
title="Changes saved." title="Changes saved."
(click)="editorService.triggerSave()" (click)="editorService.triggerSave()"
> >
<i class="fa fa-check-circle"></i> <i class="fa fa-check-circle"></i>
</button> </button>
<button style="padding: 0 20px; color: white;" *ngIf="fullPage" (click)="dismiss()"><i class="fa fa-times"></i></button> <button style="padding: 0 20px;" *ngIf="fullPage" (click)="dismiss()" class="clear-btn"><i class="fa fa-times"></i></button>
</div> </div>
<ion-buttons *ngIf="!readonly" style="flex-wrap: wrap;"> <ion-buttons *ngIf="!readonly" style="flex-wrap: wrap;">
<ion-button (click)="onManageColumns()"><ion-icon name="build" color="primary"></ion-icon>&nbsp;Manage Columns</ion-button> <ion-button (click)="onManageColumns()"><ion-icon name="build" color="primary"></ion-icon>&nbsp;Manage Columns</ion-button>

View File

@ -26,14 +26,15 @@
<i *ngIf="!(editorService.isSaving || editorService.willSave)" class="fa fa-check-circle"></i> <i *ngIf="!(editorService.isSaving || editorService.willSave)" class="fa fa-check-circle"></i>
{{ (editorService.isSaving || editorService.willSave) ? 'Saving...' : 'Saved!' }} {{ (editorService.isSaving || editorService.willSave) ? 'Saving...' : 'Saved!' }}
</button> </button>
<ion-button <button
*ngIf="editorService.isEditing && editorService.canEdit()" *ngIf="editorService.isEditing && editorService.canEdit()"
title="More page options" title="More page options"
(click)="onPageMenuClick($event)" (click)="onPageMenuClick($event)"
fill="clear" class="clear-btn"
style="padding: 10px;"
> >
<i class="fa fa-ellipsis-v"></i> <i class="fa fa-ellipsis-v"></i>
</ion-button> </button>
</ion-buttons> </ion-buttons>
</ion-toolbar> </ion-toolbar>
</ion-header> </ion-header>
@ -53,7 +54,7 @@
> >
<div class="host-icons"> <div class="host-icons">
<i class="type-icon fa" [ngClass]="typeIcons[(node.isNorm() ? 'node' : node.type)] + ' ' + (node.isNorm() ? 'node' : (node.isForm() ? 'form-input ' + node.type : node.type))"></i> <i class="type-icon fa" [ngClass]="typeIcons[(node.isNorm() ? 'node' : node.type)] + ' ' + (node.isNorm() ? 'node' : (node.isForm() ? 'form-input ' + node.type : node.type))"></i>
<button (click)="onOptionsClick($event, node)" *ngIf="editorService.canEdit()"> <button (click)="onOptionsClick($event, node)" *ngIf="editorService.canEdit()" class="clear-btn">
<i class="fa fa-ellipsis-v" title="Node options"></i> <i class="fa fa-ellipsis-v" title="Node options"></i>
</button> </button>
</div> </div>

View File

@ -194,4 +194,8 @@ body.dark {
background-color: #313131; background-color: #313131;
border-radius: 4px; border-radius: 4px;
} }
.clear-btn {
color: white;
}
} }