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"> + +