Add highlighting, move some anchors for visibility

This commit is contained in:
Michael Shamoon
2022-09-26 15:25:10 -07:00
parent 381ea11788
commit f8dc6de971
6 changed files with 60 additions and 41 deletions

View File

@@ -19,8 +19,6 @@
</svg>
</app-page-header>
<div tourAnchor="tour.dashboard"></div>
<div class="row">
<div class="col-lg-8">
<ng-container *ngIf="savedViewService.loading">
@@ -28,10 +26,13 @@
<ng-container i18n>Loading...</ng-container>
</ng-container>
<app-welcome-widget *ngIf="settingsService.offerTour()"></app-welcome-widget>
<app-welcome-widget *ngIf="settingsService.offerTour()" tourAnchor="tour.dashboard"></app-welcome-widget>
<ng-container *ngFor="let v of savedViewService.dashboardViews">
<app-saved-view-widget [savedView]="v"></app-saved-view-widget>
<ng-container *ngFor="let v of savedViewService.dashboardViews; first as isFirst">
<app-saved-view-widget *ngIf="isFirst; else noTour" [savedView]="v" tourAnchor="tour.dashboard"></app-saved-view-widget>
<ng-template #noTour>
<app-saved-view-widget [savedView]="v"></app-saved-view-widget>
</ng-template>
</ng-container>
</div>

View File

@@ -77,12 +77,11 @@
<div class="row sticky-top pt-3 pt-sm-4 pb-2 pb-lg-4 bg-body">
<app-filter-editor [hidden]="isBulkEditing" [(filterRules)]="list.filterRules" [unmodifiedFilterRules]="unmodifiedFilterRules" #filterEditor></app-filter-editor>
<app-bulk-editor [hidden]="!isBulkEditing"></app-bulk-editor>
<div tourAnchor="tour.documents-filter-editor"></div>
</div>
<ng-template #pagination>
<div class="d-flex justify-content-between align-items-center">
<div class="d-flex justify-content-between align-items-center" tourAnchor="tour.documents">
<p>
<ng-container *ngIf="list.isReloading">
<div class="spinner-border spinner-border-sm me-2" role="status"></div>
@@ -98,7 +97,6 @@
</div>
</ng-template>
<div tourAnchor="tour.documents"></div>
<ng-container *ngTemplateOutlet="pagination"></ng-container>
<ng-container *ngIf="list.error ; else documentListNoError">

View File

@@ -1,4 +1,4 @@
<div class="row flex-wrap">
<div class="row flex-wrap" tourAnchor="tour.documents-filter-editor">
<div class="col mb-2 mb-xxl-0">
<div class="form-inline d-flex align-items-center">
<div class="input-group input-group-sm flex-fill w-auto flex-nowrap">