diff --git a/package.json b/package.json
index 2649f3c..8fc5ed5 100644
--- a/package.json
+++ b/package.json
@@ -32,7 +32,7 @@
"@skyux/animations": "^3.0.0",
"@skyux/forms": "^3.0.0",
"@skyux/indicators": "^3.0.0",
- "@skyux/layout": "^3.0.0",
+ "@skyux/layout": "^3.1.0",
"@skyux/list-builder-common": "^3.0.0",
"@skyux/lists": "^3.0.0",
"@skyux/lookup": "^3.0.0",
@@ -41,8 +41,8 @@
},
"dependencies": {},
"devDependencies": {
- "@blackbaud/skyux": "2.43.0",
- "@blackbaud/skyux-builder": "1.32.1",
- "@skyux-sdk/builder-plugin-skyux": "1.0.0-rc.6"
+ "@blackbaud/skyux": "2.47.0",
+ "@blackbaud/skyux-builder": "1.33.1",
+ "@skyux-sdk/builder-plugin-skyux": "1.0.0"
}
}
diff --git a/screenshots-baseline/list-Toolbar-With-Column-Chooser-Xs-chrome-480x788-dpr-1.png b/screenshots-baseline/list-Toolbar-With-Column-Chooser-Xs-chrome-480x788-dpr-1.png
deleted file mode 100644
index 268aad6..0000000
Binary files a/screenshots-baseline/list-Toolbar-With-Column-Chooser-Xs-chrome-480x788-dpr-1.png and /dev/null differ
diff --git a/screenshots-baseline/list-Toolbar-With-Column-Chooser-chrome-1044x788-dpr-1.png b/screenshots-baseline/list-Toolbar-With-Column-Chooser-chrome-1044x788-dpr-1.png
deleted file mode 100644
index fb43ca0..0000000
Binary files a/screenshots-baseline/list-Toolbar-With-Column-Chooser-chrome-1044x788-dpr-1.png and /dev/null differ
diff --git a/screenshots-baseline/list-Toolbar-With-Inline-Filters-Xs-chrome-480x788-dpr-1.png b/screenshots-baseline/list-Toolbar-With-Inline-Filters-Xs-chrome-480x788-dpr-1.png
deleted file mode 100644
index b1a4028..0000000
Binary files a/screenshots-baseline/list-Toolbar-With-Inline-Filters-Xs-chrome-480x788-dpr-1.png and /dev/null differ
diff --git a/screenshots-baseline/list-Toolbar-With-Inline-Filters-chrome-1044x788-dpr-1.png b/screenshots-baseline/list-Toolbar-With-Inline-Filters-chrome-1044x788-dpr-1.png
deleted file mode 100644
index 28a9980..0000000
Binary files a/screenshots-baseline/list-Toolbar-With-Inline-Filters-chrome-1044x788-dpr-1.png and /dev/null differ
diff --git a/screenshots-baseline/list-Toolbar-Xs-chrome-480x788-dpr-1.png b/screenshots-baseline/list-Toolbar-Xs-chrome-480x788-dpr-1.png
deleted file mode 100644
index 1ad1aca..0000000
Binary files a/screenshots-baseline/list-Toolbar-Xs-chrome-480x788-dpr-1.png and /dev/null differ
diff --git a/screenshots-baseline/list-Toolbar-chrome-1044x788-dpr-1.png b/screenshots-baseline/list-Toolbar-chrome-1044x788-dpr-1.png
deleted file mode 100644
index a7fe6ee..0000000
Binary files a/screenshots-baseline/list-Toolbar-chrome-1044x788-dpr-1.png and /dev/null differ
diff --git a/src/app/public/modules/list-toolbar/list-multiselect-toolbar.component.html b/src/app/public/modules/list-toolbar/list-multiselect-toolbar.component.html
index 2f97176..24839bc 100644
--- a/src/app/public/modules/list-toolbar/list-multiselect-toolbar.component.html
+++ b/src/app/public/modules/list-toolbar/list-multiselect-toolbar.component.html
@@ -14,14 +14,9 @@
>
-
-
-
-
-
-
+
+
+
diff --git a/src/app/public/modules/list-toolbar/list-toolbar-view-actions.component.html b/src/app/public/modules/list-toolbar/list-toolbar-view-actions.component.html
index 0bb14ac..6dbc743 100644
--- a/src/app/public/modules/list-toolbar/list-toolbar-view-actions.component.html
+++ b/src/app/public/modules/list-toolbar/list-toolbar-view-actions.component.html
@@ -1,3 +1 @@
-
-
-
+
diff --git a/src/app/public/modules/list-toolbar/list-toolbar-view-actions.component.scss b/src/app/public/modules/list-toolbar/list-toolbar-view-actions.component.scss
index 3bedb0b..90fd896 100644
--- a/src/app/public/modules/list-toolbar/list-toolbar-view-actions.component.scss
+++ b/src/app/public/modules/list-toolbar/list-toolbar-view-actions.component.scss
@@ -1,11 +1,8 @@
-@import "~@skyux/theme/scss/mixins";
-
:host {
- margin-left: auto;
-}
+ display: flex;
+ align-items: center;
-.sky-list-toolbar-view-actions {
- @media (max-width: $sky-screen-sm-max) {
- margin-bottom: 5px;
+ &::ng-deep > :not(:last-child) {
+ margin-right: 5px;
}
}
diff --git a/src/app/public/modules/list-toolbar/list-toolbar.component.html b/src/app/public/modules/list-toolbar/list-toolbar.component.html
index 3ef7768..f1862c0 100644
--- a/src/app/public/modules/list-toolbar/list-toolbar.component.html
+++ b/src/app/public/modules/list-toolbar/list-toolbar.component.html
@@ -28,8 +28,12 @@
-
-
+
+
+
+
@@ -76,6 +80,13 @@
+
+
+
+
+
diff --git a/src/app/public/modules/list-toolbar/list-toolbar.component.ts b/src/app/public/modules/list-toolbar/list-toolbar.component.ts
index 1af86e1..0ee7353 100644
--- a/src/app/public/modules/list-toolbar/list-toolbar.component.ts
+++ b/src/app/public/modules/list-toolbar/list-toolbar.component.ts
@@ -15,11 +15,15 @@ import {
import {
Observable
} from 'rxjs/Observable';
+
import {
Subject
} from 'rxjs/Subject';
+
import 'rxjs/add/operator/distinctUntilChanged';
+
import 'rxjs/add/operator/take';
+
import 'rxjs/add/operator/takeUntil';
import {
@@ -31,9 +35,9 @@ import {
} from '@skyux/list-builder-common';
import {
- SkyListFilterSummaryComponent,
- SkyListFilterInlineComponent
-} from '../list-filters';
+ SkySearchComponent
+} from '@skyux/lookup';
+
import {
ListToolbarModel,
ListToolbarItemModel,
@@ -44,16 +48,23 @@ import {
ListFilterModel,
ListPagingSetPageNumberAction
} from '../list/state';
+
+import {
+ SkyListFilterSummaryComponent,
+ SkyListFilterInlineComponent
+} from '../list-filters';
+
import {
SkyListToolbarItemComponent
} from './list-toolbar-item.component';
+
import {
SkyListToolbarSortComponent
} from './list-toolbar-sort.component';
import {
- SkySearchComponent
-} from '@skyux/lookup';
+ SkyListToolbarViewActionsComponent
+} from './list-toolbar-view-actions.component';
import {
ListToolbarConfigSetSearchEnabledAction,
@@ -122,6 +133,7 @@ export class SkyListToolbarComponent implements OnInit, AfterContentInit, OnDest
public hasInlineFilters: boolean;
public inlineFilterBarExpanded: boolean = false;
public hasAdditionalToolbarSection = false;
+ public hasViewActions = false;
public filterButtonId: string = `sky-list-toolbar-filter-button-${++nextId}`;
public listFilterInlineId: string = `sky-list-toolbar-filter-inline-${++nextId}`;
@@ -138,6 +150,9 @@ export class SkyListToolbarComponent implements OnInit, AfterContentInit, OnDest
@ContentChildren(SkyListFilterInlineComponent)
private inlineFilter: QueryList;
+ @ContentChildren(SkyListToolbarViewActionsComponent)
+ private viewActions: QueryList;
+
@ViewChild('search')
private searchTemplate: TemplateRef;
@@ -332,6 +347,9 @@ export class SkyListToolbarComponent implements OnInit, AfterContentInit, OnDest
]
);
}
+
+ // Check for view actions
+ this.hasViewActions = (this.viewActions.length > 0);
}
public ngOnDestroy() {
diff --git a/src/app/visual/list-toolbar/list-toolbar-visual.component.html b/src/app/visual/list-toolbar/list-toolbar-visual.component.html
index 0707636..45e76e9 100644
--- a/src/app/visual/list-toolbar/list-toolbar-visual.component.html
+++ b/src/app/visual/list-toolbar/list-toolbar-visual.component.html
@@ -23,6 +23,22 @@ Basic toolbar
[descending]="false">
+
+