inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-07-24 17:32:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

[ADF-5456] improved theming bundling (#7180)

Browse Source 
* theming barrel file for core

* card-view theme

* clipboard theme

* rename core theme files

* content services themes

* process services theme

* process services cloud theme

* insights theming

* try fix flaky test
This commit is contained in:
Denys Vuika
2021-07-20 15:24:37 +01:00
committed by GitHub
parent c1860f0c1f
commit 81f7e2af33
119 changed files with 145 additions and 110 deletions
Download Patch File Download Diff File Expand all files Collapse all files

102
lib/core/comments/comment-list.component.scss
View File

@@ -1,102 +0,0 @@
@mixin adf-task-list-comment-list-theme($theme) {
$primary: map-get($theme, primary);
$foreground: map-get($theme, foreground);
$primaryColor: mat-color($primary, 100);
$rippleColor: mat-color($primary, 300);
.adf-is-selected {
background: mat-color($primary, 100);
}
.adf {
&-comment-img-container {
float: left;
width: 40px;
height: 100%;
display: flex;
align-self: flex-start;
padding-top: 18px;
}
&-comment-list-item {
/* stylelint-disable */
white-space: initial;
/* stylelint-enable */
display: table-row-group;
padding-top: 12px;
overflow: hidden;
height: 100% !important;
transition: background 0.8s;
background-position: center;
&:hover {
background: $primaryColor
radial-gradient(circle, transparent 1%, $primaryColor 1%)
center/15000%;
}
&:active {
background-color: $rippleColor;
background-size: 100%;
transition: background 0s;
}
}
&-comment-user-icon {
padding: 10px 5px;
width: 30px;
background-color: mat-color($primary);
color: mat-color($primary, default-contrast);
border-radius: 50%;
font-size: 16px;
text-align: center;
height: 20px;
background-size: cover;
}
&-comment-user-name {
float: left;
width: calc(100% - 10%);
padding: 2px 10px;
font-weight: 600;
font-size: 14px;
}
&-comment-message {
float: left;
width: calc(100% - 10px);
padding: 2px 10px;
font-style: italic;
/* stylelint-disable */
white-space: initial !important;
/* stylelint-enable */
font-size: 14px;
letter-spacing: -0.2px;
line-height: 1.43;
color: mat-color($foreground, text, 0.72);
}
&-comment-message-time {
float: left;
width: calc(100% - 10%);
padding: 2px 10px;
font-size: 12px !important;
color: mat-color($foreground, text, 0.72);
}
&-comment-contents {
width: calc(100% - 10px);
padding-top: 12px;
padding-bottom: 12px;
padding-left: 5px;
}
&-people-img {
border-radius: 90%;
width: 40px;
height: 40px;
vertical-align: middle;
}
}
}