inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2026-09-09 18:03:21 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix process service theming people comments tasks fixed border and background color issues (#2986)

Browse Source
This commit is contained in:
Eugenio Romano
2018-02-23 10:41:37 +00:00
committed by GitHub
parent 7f63b76d37
commit a5eeeb4941
12 changed files with 117 additions and 108 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/process-services/comments/comments.component.css
-31
View File
@@ -1,31 +0,0 @@
.adf-comments-container {
height: 100%;
width: 100%;
overflow: auto;
}
.adf-comments-header {
padding: 10px 20px;
font-size: 14px;
font-weight: 600;
border-bottom: 1px solid #e1e1e1;
color: #a1a1a1;
}
.adf-comments-input-container {
padding: 0 15px;
width: calc(100% - 30px);
padding-top: 8px;
border-bottom: 1px solid #e1e1e1;
}
.adf-full-width {
width: 100%;
}
adf-comment-list {
float: left;
overflow: auto;
height: calc(100% - 101px);
width: 100%;
}
lib/process-services/comments/comments.component.scss
+36
View File
@@ -0,0 +1,36 @@
@mixin adf-task-list-comment-theme($theme) {
$foreground: map-get($theme, foreground);
$header-border: 1px solid mat-color($foreground, divider);
.adf-comments-container {
height: 100%;
width: 100%;
overflow: auto;
}
.adf-comments-header {
padding: 10px 20px;
font-size: 14px;
font-weight: 600;
border-bottom: $header-border;
}
.adf-comments-input-container {
padding: 0 15px;
width: calc(100% - 30px);
padding-top: 8px;
border-bottom: $header-border;
}
.adf-full-width {
width: 100%;
}
adf-comment-list {
float: left;
overflow: auto;
height: calc(100% - 101px);
width: 100%;
}
}
lib/process-services/comments/comments.component.ts
+1 -1
View File
@@ -23,7 +23,7 @@ import { Observer } from 'rxjs/Observer';
@Component({
selector: 'adf-comments',
templateUrl: './comments.component.html',
styleUrls: ['./comments.component.css']
styleUrls: ['./comments.component.scss']
})
export class CommentsComponent implements OnChanges {
lib/process-services/comments/process-comments.component.css
-58
View File
@@ -1,58 +0,0 @@
:host {
width: 100%;
}
.activiti-label {
font-weight: bolder;
vertical-align: top;
}
.activiti-label + .icon {
position: relative;
top: -2px;
}
.list-wrap {
word-wrap: break-word;
word-break: break-all;
-moz-hyphens:auto;
-webkit-hyphens:auto;
-o-hyphens:auto;
hyphens:auto;
}
.hide-long-names {
overflow: auto;
}
.adf-comments-container {
height: 100%;
width: 100%;
overflow: auto;
}
.adf-comments-header {
padding: 10px 20px;
font-size: 14px;
font-weight: 600;
border-bottom: 1px solid #e1e1e1;
color: #a1a1a1;
}
.adf-comments-input-container {
padding: 0 15px;
width: calc(100% - 30px);
padding-top: 8px;
border-bottom: 1px solid #e1e1e1;
}
.adf-full-width {
width: 100%;
}
adf-comment-list {
float: left;
overflow: auto;
height: calc(100% - 101px);
width: 100%;
}
lib/process-services/comments/process-comments.component.scss
+62
View File
@@ -0,0 +1,62 @@
@mixin adf-process-comment-theme($theme) {
$foreground: map-get($theme, foreground);
$header-border: 1px solid mat-color($foreground, divider);
:host {
width: 100%;
}
.activiti-label {
font-weight: bolder;
vertical-align: top;
}
.activiti-label + .icon {
position: relative;
top: -2px;
}
.list-wrap {
word-wrap: break-word;
word-break: break-all;
-moz-hyphens: auto;
-webkit-hyphens: auto;
-o-hyphens: auto;
hyphens: auto;
}
.hide-long-names {
overflow: auto;
}
.adf-comments-container {
height: 100%;
width: 100%;
overflow: auto;
}
.adf-comments-header {
padding: 10px 20px;
font-size: 14px;
font-weight: 600;
border-bottom: $header-border;
}
.adf-comments-input-container {
padding: 0 15px;
width: calc(100% - 30px);
padding-top: 8px;
border-bottom: $header-border;
}
.adf-full-width {
width: 100%;
}
adf-comment-list {
float: left;
overflow: auto;
height: calc(100% - 101px);
width: 100%;
}
}
lib/process-services/comments/process-comments.component.ts
+1 -1
View File
@@ -23,7 +23,7 @@ import { Observer } from 'rxjs/Observer';
@Component({
selector: 'adf-process-instance-comments',
templateUrl: './process-comments.component.html',
styleUrls: ['./process-comments.component.css']
styleUrls: ['./process-comments.component.scss']
})
export class ProcessCommentsComponent implements OnChanges {