From 539850612e960ad6c8f85ff8a1f4564a77f4484e Mon Sep 17 00:00:00 2001 From: Vito Date: Wed, 21 Nov 2018 12:34:45 +0000 Subject: [PATCH] [ADF-3354] removed the adf-accordion component to use material accordion (#3980) * [ADF-3354] removed the adf-accordion component to use material accordion * [ADF-3354] fixed default opened state for the accordion * [ADF-3354] fixed locator for new accordion menu --- .../process-service.component.html | 58 ++++---- .../process-service.component.scss | 26 ++++ docs/README.md | 2 - docs/core/README.md | 2 - docs/core/accordion-group.component.md | 68 --------- docs/core/accordion.component.md | 76 ----------- .../process_services/processFiltersPage.js | 2 +- .../accordion-group.component.html | 26 ---- .../accordion-group.component.scss | 55 -------- .../accordion-group.component.spec.ts | 129 ------------------ .../collapsable/accordion-group.component.ts | 105 -------------- .../collapsable/accordion.component.spec.ts | 40 ------ lib/core/collapsable/accordion.component.ts | 30 ---- lib/core/collapsable/collapsable.module.ts | 41 ------ lib/core/collapsable/index.ts | 18 --- lib/core/collapsable/public-api.ts | 21 --- lib/core/core.module.ts | 5 - lib/core/index.ts | 1 - lib/core/styles/_index.scss | 2 - .../task-filters-cloud.component.scss | 1 - .../components/process-filters.component.scss | 1 - .../components/task-filters.component.scss | 1 - 22 files changed, 60 insertions(+), 650 deletions(-) delete mode 100644 docs/core/accordion-group.component.md delete mode 100644 docs/core/accordion.component.md delete mode 100644 lib/core/collapsable/accordion-group.component.html delete mode 100644 lib/core/collapsable/accordion-group.component.scss delete mode 100644 lib/core/collapsable/accordion-group.component.spec.ts delete mode 100644 lib/core/collapsable/accordion-group.component.ts delete mode 100644 lib/core/collapsable/accordion.component.spec.ts delete mode 100644 lib/core/collapsable/accordion.component.ts delete mode 100644 lib/core/collapsable/collapsable.module.ts delete mode 100644 lib/core/collapsable/index.ts delete mode 100644 lib/core/collapsable/public-api.ts diff --git a/demo-shell/src/app/components/process-service/process-service.component.html b/demo-shell/src/app/components/process-service/process-service.component.html index c173415642..baadcd9d7b 100644 --- a/demo-shell/src/app/components/process-service/process-service.component.html +++ b/demo-shell/src/app/components/process-service/process-service.component.html @@ -3,7 +3,7 @@
-
+
@@ -16,19 +16,22 @@
- - - + + + + + assignment +
Tasks
+ + + - - + +
- - + + + + + assessment +
Processes
+ + + #activitiProcessFilter + [appId]="appId" + [filterParam]="filterSelected" + [showIcon]="showProcessFilterIcon" + (filterClick)="onProcessFilterChange($event)" + (filterSelected)="onProcessFilterChange($event)" + (success)="onSuccessProcessFilterList($event)"> - - + +
- - - - -``` - -```ts -@Component({ - selector: 'my-component' -}) -export class MyComponent implements OnInit { - - titleHeading: string; - - constructor() { - this.titleHeading = 'My Group'; - } - -} -``` - -### [Transclusions](../user-guide/transclusion.md) - -Any content can be trancluded inside this component, since its purpose is to -define a section in a surrounding [Accordion component](accordion.component.md). - -## Class members - -### Properties - -| Name | Type | Default value | Description | -| ---- | ---- | ------------- | ----------- | -| hasAccordionIcon | `boolean` | true | Should the (expanded) accordion icon be shown? | -| heading | `string` | | Title heading for the group. | -| headingIcon | `string` | | The material design icon. | -| headingIconTooltip | `string` | | Tooltip message to be shown for headingIcon | -| isOpen | `boolean` | | Is this group currently open? | -| isSelected | `boolean` | | Is this group currently selected? | - -### Events - -| Name | Type | Description | -| ---- | ---- | ----------- | -| headingClick | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`` | Emitted when the heading is clicked. | - -## Details - -Place one or more accordion groups within an [Accordion component](accordion.component.md) to define a menu. - -## See also - -- [Accordion component](accordion.component.md) diff --git a/docs/core/accordion.component.md b/docs/core/accordion.component.md deleted file mode 100644 index 849087e917..0000000000 --- a/docs/core/accordion.component.md +++ /dev/null @@ -1,76 +0,0 @@ ---- -Added: v2.0.0 -Status: Active -Last reviewed: 2018-05-08 ---- - -# Accordion Component - -Creates a collapsible accordion menu. - -![Accordion menu screenshot](../docassets/images/accordion-menu.png) - -## Basic Usage - -```html - - - - - -``` - -```ts -@Component({ - selector: 'my-component' -}) -export class MyComponent implements OnInit { - - titleHeading: string; - - constructor() { - this.titleHeading = 'My Group'; - } - -} -``` - -### [Transclusions](../user-guide/transclusion.md) - -Content for the accordion menu is transcluded within one or more -[Accordion group components](accordion-group.component.md) - -## Details - -An accordion menu contains several panels of content, only one of which is visible at any time. The -hidden panels are collapsed down to just the title and pushed together (like the bellows of an accordion) -while the visible panel fills the remaining space in the menu. - -Use one or more [Accordion Group](accordion-group.component.md) subcomponents to transclude the content -for the panels and set their properties (title, selection status, etc). - -### Example - -You can use an accordion menu to wrap a [process filter](../process-services/process-filters.component.md), as shown in -the following example: - -```html - - - - - - -``` - -![how-create-accordion-menu](../docassets/images/how-to-create-accordion-menu.png) - -## See also - -- [Accordion group component](accordion-group.component.md) diff --git a/e2e/pages/adf/process_services/processFiltersPage.js b/e2e/pages/adf/process_services/processFiltersPage.js index 54e918967d..da88b3b95c 100644 --- a/e2e/pages/adf/process_services/processFiltersPage.js +++ b/e2e/pages/adf/process_services/processFiltersPage.js @@ -27,7 +27,7 @@ var ProcessFiltersPage = function () { var createProcessButton = element(by.css(".adf-processes-menu button[data-automation-id='create-button'] > span")); var newProcessButton = element(by.css("div > button[data-automation-id='btn-start-process']")); var processesPage = element(by.css("div[class='adf-grid'] > div[class='adf-grid-item adf-processes-menu']")); - var accordionMenu = element(by.css(".adf-processes-menu adf-accordion")); + var accordionMenu = element(by.css(".adf-processes-menu mat-accordion")); var buttonWindow = element(by.css("div > button[data-automation-id='btn-start-process'] > div")); var noContentMessage = element.all(by.css("p[class='adf-empty-content__title']")).first(); var rows = by.css("adf-process-instance-list div[class='adf-datatable-body'] div[class*='adf-datatable-row']"); diff --git a/lib/core/collapsable/accordion-group.component.html b/lib/core/collapsable/accordion-group.component.html deleted file mode 100644 index cf5f059581..0000000000 --- a/lib/core/collapsable/accordion-group.component.html +++ /dev/null @@ -1,26 +0,0 @@ - - - - -
-
- - {{headingIcon}} - -
-
{{heading}}
-
- - -
- -
- - diff --git a/lib/core/collapsable/accordion-group.component.scss b/lib/core/collapsable/accordion-group.component.scss deleted file mode 100644 index 629130a8dc..0000000000 --- a/lib/core/collapsable/accordion-group.component.scss +++ /dev/null @@ -1,55 +0,0 @@ -@mixin adf-accordion-theme($theme) { - $primary: map-get($theme, primary); - - .adf-panel { - - &-heading { - float: left; - font-size: 14px; - font-weight: bold; - font-style: normal; - font-stretch: normal; - line-height: normal; - letter-spacing: normal; - text-align: left; - width: 100%; - cursor: pointer; - } - - &-heading-selected { - color: mat-color($primary); - } - - &-heading-icon { - float: left; - } - - &-heading-text { - float: left; - padding-left: 20px; - padding-top: 4px; - } - - .mat-expansion-panel { - transition: none !important; - box-shadow: none !important; - background: none !important; - } - - .mat-expansion-panel-body { - padding: 1px !important; - } - - .mat-expansion-panel-header { - padding: 0px !important; - } - - .mat-expansion-panel-header-title { - margin-right: 0px !important; - } - - .mat-expansion-indicator { - margin-right: 25px !important; - } - } -} diff --git a/lib/core/collapsable/accordion-group.component.spec.ts b/lib/core/collapsable/accordion-group.component.spec.ts deleted file mode 100644 index 45422a8b3b..0000000000 --- a/lib/core/collapsable/accordion-group.component.spec.ts +++ /dev/null @@ -1,129 +0,0 @@ -/*! - * @license - * Copyright 2016 Alfresco Software, Ltd. - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - */ - -import { async, ComponentFixture, TestBed } from '@angular/core/testing'; -import { AccordionGroupComponent } from './accordion-group.component'; -import { setupTestBed } from '../testing/setupTestBed'; -import { CoreTestingModule } from '../testing/core.testing.module'; - -describe('AccordionGroupComponent', () => { - - let fixture: ComponentFixture; - let component: AccordionGroupComponent; - let element: any; - - setupTestBed({ - imports: [CoreTestingModule] - }); - - beforeEach(() => { - fixture = TestBed.createComponent(AccordionGroupComponent); - - element = fixture.nativeElement; - component = fixture.componentInstance; - }); - - afterEach(() => { - fixture.destroy(); - }); - - it('should define mat-accordion ', async(() => { - component.isSelected = true; - component.heading = 'Fake Header'; - component.headingIcon = 'fake-icon'; - component.contentWrapper.nativeElement.innerHTML = 'Test'; - fixture.detectChanges(); - fixture.whenStable().then(() => { - fixture.detectChanges(); - let accordion = element.querySelector('mat-accordion'); - let expansionPanel = element.querySelector('mat-expansion-panel'); - let accordionHeader = element.querySelector('mat-expansion-panel-header'); - let content = element.querySelector('#adf-expansion-panel-content-id').innerHTML; - expect(accordion).toBeDefined(); - expect(expansionPanel).toBeDefined(); - expect(accordionHeader).toBeDefined(); - expect(content).toEqual('Test'); - }); - })); - - it('should be display accordion title and icon', async(() => { - component.heading = 'Fake Header'; - component.headingIcon = 'fake-icon'; - component.contentWrapper.nativeElement.innerHTML = 'Test'; - fixture.whenStable().then(() => { - fixture.detectChanges(); - let headerText = element.querySelector('#heading-text'); - let headerIcon = element.querySelector('#adf-expansion-panel-id .material-icons'); - expect(headerText.innerText).toEqual('Fake Header'); - expect(headerIcon.innerText).toEqual('fake-icon'); - }); - })); - - it('should be display only accordion title', async(() => { - component.heading = 'Fake Header'; - component.headingIcon = ''; - component.contentWrapper.nativeElement.innerHTML = 'Test'; - fixture.whenStable().then(() => { - fixture.detectChanges(); - let headerText = element.querySelector('#heading-text'); - let headerIcon = element.querySelector('#adf-expansion-panel-id .material-icons'); - expect(headerText.innerText).toEqual('Fake Header'); - expect(headerIcon).toBeNull(); - }); - })); - - it('should be display accordion title and content', async(() => { - component.isSelected = true; - component.heading = 'Fake Header'; - component.headingIcon = 'fake-icon'; - component.contentWrapper.nativeElement.innerHTML = 'Test'; - fixture.detectChanges(); - fixture.whenStable().then(() => { - fixture.detectChanges(); - let headerText = element.querySelector('#heading-text'); - let headerIcon = element.querySelector('#heading-icon .material-icons'); - let content = element.querySelector('#adf-expansion-panel-content-id').innerHTML; - expect(headerText.innerText).toEqual('Fake Header'); - expect(headerIcon.innerText).toEqual('fake-icon'); - expect(content).toEqual('Test'); - }); - })); - - it('should emit an event when a heading clicked', async(() => { - component.heading = 'Fake Header'; - fixture.detectChanges(); - let heading: string = component.heading; - component.headingClick.subscribe((headName: string) => { - expect(headName).toBeDefined(); - expect(headName).toEqual(heading); - }); - let header = element.querySelector('.adf-panel-heading'); - header.click(); - })); - - it('should display icon if is present', (done) => { - component.headingIcon = 'assignment'; - fixture.detectChanges(); - fixture.whenStable().then(() => { - fixture.detectChanges(); - expect(component.hasHeadingIcon()).toBe(true); - let headerText = element.querySelector('.adf-panel-heading-icon'); - expect(headerText).toBeDefined(); - done(); - }); - }); -}); diff --git a/lib/core/collapsable/accordion-group.component.ts b/lib/core/collapsable/accordion-group.component.ts deleted file mode 100644 index 0e8ca8a1c4..0000000000 --- a/lib/core/collapsable/accordion-group.component.ts +++ /dev/null @@ -1,105 +0,0 @@ -/*! - * @license - * Copyright 2016 Alfresco Software, Ltd. - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - */ - -import { AfterViewInit , Component, ElementRef, EventEmitter, Input, Output, ViewChild, ViewEncapsulation } from '@angular/core'; -import { MatExpansionPanel } from '@angular/material'; - -@Component({ - selector: 'adf-accordion-group', - templateUrl: 'accordion-group.component.html', - styleUrls: ['./accordion-group.component.scss'], - encapsulation: ViewEncapsulation.None -}) -export class AccordionGroupComponent implements AfterViewInit { - private _isOpen: boolean = false; - private _isSelected: boolean = false; - - @ViewChild('contentWrapper') - contentWrapper: ElementRef; - - @ViewChild('expansionPanel') expansionPanel: MatExpansionPanel; - - /** Title heading for the group. */ - @Input() - heading: string; - - /** The material design icon. */ - @Input() - headingIcon: string; - - /** Tooltip message to be shown for headingIcon */ - @Input() - headingIconTooltip: string; - - /** Should the (expanded) accordion icon be shown? */ - @Input() - hasAccordionIcon: boolean = true; - - /** Emitted when the heading is clicked. */ - @Output() - headingClick: EventEmitter = new EventEmitter(); - - /** Is this group currently open? */ - @Input() - set isOpen(value: boolean) { - this._isOpen = value; - } - - get isOpen() { - return this._isOpen; - } - - /** Is this group currently selected? */ - @Input() - set isSelected(value: boolean) { - this._isSelected = value; - } - - get isSelected() { - return this._isSelected; - } - - hasContent: boolean; - - constructor() { } - - ngAfterViewInit() { - this.hasContent = this.contentWrapper.nativeElement && this.contentWrapper.nativeElement.children.length > 0; - } - - hasHeadingIcon() { - return !!this.headingIcon; - } - - onHeaderClick(): void { - this.headingClick.emit(this.heading); - } - - isExpandable() { - if (!this.hasContent || !this.isOpen) { - this.expandPanel(); - } - } - - expandPanel() { - this.expansionPanel.expanded = !this.expansionPanel.expanded; - } - - toggleExpansion(): boolean { - return this.isOpen && this.isSelected; - } -} diff --git a/lib/core/collapsable/accordion.component.spec.ts b/lib/core/collapsable/accordion.component.spec.ts deleted file mode 100644 index 5c6ed09a44..0000000000 --- a/lib/core/collapsable/accordion.component.spec.ts +++ /dev/null @@ -1,40 +0,0 @@ -/*! - * @license - * Copyright 2016 Alfresco Software, Ltd. - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - */ - -import { ComponentFixture, TestBed } from '@angular/core/testing'; -import { AccordionComponent } from './accordion.component'; -import { setupTestBed } from '../testing/setupTestBed'; -import { CoreTestingModule } from '../testing/core.testing.module'; - -describe('AccordionComponent', () => { - - let fixture: ComponentFixture; - let component: AccordionComponent; - - setupTestBed({ - imports: [CoreTestingModule] - }); - - beforeEach(() => { - fixture = TestBed.createComponent(AccordionComponent); - component = fixture.componentInstance; - }); - - it('should create the component', () => { - expect(component).toBeTruthy(); - }); -}); diff --git a/lib/core/collapsable/accordion.component.ts b/lib/core/collapsable/accordion.component.ts deleted file mode 100644 index 57dea5dda5..0000000000 --- a/lib/core/collapsable/accordion.component.ts +++ /dev/null @@ -1,30 +0,0 @@ -/*! - * @license - * Copyright 2016 Alfresco Software, Ltd. - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - */ - -import { Component, ViewEncapsulation } from '@angular/core'; - -@Component({ - selector: 'adf-accordion', - template: ` - - `, - host: { - 'class': 'panel-group' - }, - encapsulation: ViewEncapsulation.None -}) -export class AccordionComponent {} diff --git a/lib/core/collapsable/collapsable.module.ts b/lib/core/collapsable/collapsable.module.ts deleted file mode 100644 index 13de3eaa76..0000000000 --- a/lib/core/collapsable/collapsable.module.ts +++ /dev/null @@ -1,41 +0,0 @@ -/*! - * @license - * Copyright 2016 Alfresco Software, Ltd. - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - */ - -import { CommonModule } from '@angular/common'; -import { NgModule } from '@angular/core'; -import { MaterialModule } from '../material.module'; - -import { AccordionGroupComponent } from './accordion-group.component'; -import { AccordionComponent } from './accordion.component'; - -// @deprecated 2.3.0 use the material accordion - -@NgModule({ - imports: [ - MaterialModule, - CommonModule - ], - declarations: [ - AccordionComponent, - AccordionGroupComponent - ], - exports: [ - AccordionComponent, - AccordionGroupComponent - ] -}) -export class CollapsableModule {} diff --git a/lib/core/collapsable/index.ts b/lib/core/collapsable/index.ts deleted file mode 100644 index 4c6ac1d58f..0000000000 --- a/lib/core/collapsable/index.ts +++ /dev/null @@ -1,18 +0,0 @@ -/*! - * @license - * Copyright 2016 Alfresco Software, Ltd. - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - */ - -export * from './public-api'; diff --git a/lib/core/collapsable/public-api.ts b/lib/core/collapsable/public-api.ts deleted file mode 100644 index 764809d4bb..0000000000 --- a/lib/core/collapsable/public-api.ts +++ /dev/null @@ -1,21 +0,0 @@ -/*! - * @license - * Copyright 2016 Alfresco Software, Ltd. - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - */ - -export * from './accordion-group.component'; -export * from './accordion.component'; - -export * from './collapsable.module'; diff --git a/lib/core/core.module.ts b/lib/core/core.module.ts index 9a3b0b1058..955fb1141c 100644 --- a/lib/core/core.module.ts +++ b/lib/core/core.module.ts @@ -26,7 +26,6 @@ import { MaterialModule } from './material.module'; import { AboutModule } from './about/about.module'; import { AppConfigModule } from './app-config/app-config.module'; import { CardViewModule } from './card-view/card-view.module'; -import { CollapsableModule } from './collapsable/collapsable.module'; import { ContextMenuModule } from './context-menu/context-menu.module'; import { DataColumnModule } from './data-column/data-column.module'; import { DataTableModule } from './datatable/datatable.module'; @@ -79,7 +78,6 @@ export function createTranslateLoader(http: HttpClient) { ToolbarModule, ContextMenuModule, CardViewModule, - CollapsableModule, FormModule, CommentsModule, LoginModule, @@ -117,7 +115,6 @@ export function createTranslateLoader(http: HttpClient) { ToolbarModule, ContextMenuModule, CardViewModule, - CollapsableModule, FormModule, CommentsModule, LoginModule, @@ -153,7 +150,6 @@ export class CoreModuleLazy { ToolbarModule, ContextMenuModule, CardViewModule, - CollapsableModule, FormModule, CommentsModule, LoginModule, @@ -191,7 +187,6 @@ export class CoreModuleLazy { ToolbarModule, ContextMenuModule, CardViewModule, - CollapsableModule, FormModule, CommentsModule, LoginModule, diff --git a/lib/core/index.ts b/lib/core/index.ts index 506b8ba508..bfae4e1cd1 100644 --- a/lib/core/index.ts +++ b/lib/core/index.ts @@ -27,7 +27,6 @@ export * from './info-drawer/index'; export * from './data-column/index'; export * from './datatable/index'; export * from './context-menu/index'; -export * from './collapsable/index'; export * from './card-view/index'; export * from './app-config/index'; export * from './form/index'; diff --git a/lib/core/styles/_index.scss b/lib/core/styles/_index.scss index d3d78f7f30..ea5ab6b25b 100644 --- a/lib/core/styles/_index.scss +++ b/lib/core/styles/_index.scss @@ -3,7 +3,6 @@ @import './theming'; @import '../card-view/card-view.module'; -@import '../collapsable/accordion-group.component'; @import '../datatable/components/datatable/datatable.component'; @import '../form/components/widgets/container/container.widget'; @import '../form/components/widgets/dynamic-table/dynamic-table.widget'; @@ -37,7 +36,6 @@ @include adf-colors-theme($theme); @include adf-default-class-theme($theme); @include adf-card-view-module-theme($theme); - @include adf-accordion-theme($theme); @include adf-datatable-theme($theme); @include adf-form-container-widget-theme($theme); @include adf-dynamic-table-theme($theme); diff --git a/lib/process-services-cloud/src/lib/task-cloud/task-filters-cloud/task-filters-cloud.component.scss b/lib/process-services-cloud/src/lib/task-cloud/task-filters-cloud/task-filters-cloud.component.scss index 2452577d5e..ab5937a537 100644 --- a/lib/process-services-cloud/src/lib/task-cloud/task-filters-cloud/task-filters-cloud.component.scss +++ b/lib/process-services-cloud/src/lib/task-cloud/task-filters-cloud/task-filters-cloud.component.scss @@ -8,7 +8,6 @@ font-size: 14px!important; font-weight: bold; opacity: .54; - padding-left: 30px; .mat-list-item-content { height: 34px; diff --git a/lib/process-services/process-list/components/process-filters.component.scss b/lib/process-services/process-list/components/process-filters.component.scss index af7ea49d78..fb4cab9221 100644 --- a/lib/process-services/process-list/components/process-filters.component.scss +++ b/lib/process-services/process-list/components/process-filters.component.scss @@ -8,7 +8,6 @@ font-size: 14px!important; font-weight: bold; opacity: .54; - padding-left: 30px; .mat-list-item-content { height: 34px; diff --git a/lib/process-services/task-list/components/task-filters.component.scss b/lib/process-services/task-list/components/task-filters.component.scss index 8150a94ac9..879bf56b13 100644 --- a/lib/process-services/task-list/components/task-filters.component.scss +++ b/lib/process-services/task-list/components/task-filters.component.scss @@ -8,7 +8,6 @@ font-size: 14px!important; font-weight: bold; opacity: .54; - padding-left: 30px; .mat-list-item-content { height: 34px;