inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-10-01 14:41:32 +00:00
Code Issues Packages Projects Releases Wiki Activity

Rebased after some changes happened

Browse Source
This commit is contained in:
alfresco-build
2023-03-24 09:29:05 +00:00
parent 7c988fe4d3
commit 1386cdf787
46 changed files with 95 additions and 101 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
lib/content-services/src/lib/aspect-list/aspect-list.component.scss
View File

@@ -10,7 +10,7 @@
padding-top: 3px; padding-top: 3px;
height: 400px; height: 400px;
overflow: auto; overflow: auto;
border: 1px solid var(--adf-theme-foreground-text-color-007); border: 1px solid var(--adf-theme-foreground-text-transparent-opacity);
.adf-aspect-list-check-button { .adf-aspect-list-check-button {
margin-right: 5px; margin-right: 5px;

6
lib/content-services/src/lib/breadcrumb/breadcrumb.component.scss
View File

@@ -5,7 +5,6 @@
font-size: var(--theme-body-1-font-size); font-size: var(--theme-body-1-font-size);
font-weight: 600; font-weight: 600;
letter-spacing: -0.2px; letter-spacing: -0.2px;
color: var(--adf-theme-foreground-text-color-054);
overflow: hidden; overflow: hidden;
&-container { &-container {
@@ -79,7 +78,6 @@
font-weight: 600; font-weight: 600;
letter-spacing: -0.2px; letter-spacing: -0.2px;
text-align: left; text-align: left;
color: var(--adf-theme-foreground-text-color-054);
flex: 0 1 auto; flex: 0 1 auto;
min-width: 35px; min-width: 35px;
margin-top: auto; margin-top: auto;
@@ -87,11 +85,11 @@
&:hover, &:hover,
&.adf-active { &.adf-active {
color: var(--adf-theme-foreground-text-color-064); color: var(--adf-theme-foreground-text-light-opacity);
} }
&.adf-active { &.adf-active {
color: var(--adf-theme-foreground-text-color-087); color: var(--adf-theme-foreground-text-dark-opacity);
} }
&-chevron { &-chevron {

1
lib/content-services/src/lib/breadcrumb/dropdown-breadcrumb.component.scss
View File

@@ -8,7 +8,6 @@ $dropdown-horizontal-offset: 30px;
font-size: var(--theme-body-1-font-size); font-size: var(--theme-body-1-font-size);
font-weight: 600; font-weight: 600;
letter-spacing: -0.2px; letter-spacing: -0.2px;
color: var(--adf-theme-foreground-text-color-054);
overflow: hidden; overflow: hidden;
margin-top: 10px; margin-top: 10px;

6
lib/content-services/src/lib/content-metadata/components/content-metadata-card/content-metadata-card.component.scss
View File

@@ -10,13 +10,13 @@
&-footer.mat-card-footer { &-footer.mat-card-footer {
margin: 0; margin: 0;
padding: 8px 12px; padding: 8px 12px;
border-top: 1px solid var(--adf-theme-foreground-text-color-007); border-top: 1px solid var(--adf-theme-foreground-text-transparent-opacity);
button { button {
color: var(--adf-theme-foreground-text-color-054); color: var(--adf-theme-foreground-text-dark-opacity);
&:hover { &:hover {
color: var(--adf-theme-foreground-text-color-087); color: var(--adf-theme-foreground-text-dark-opacity);
} }
} }
} }

4
lib/content-services/src/lib/content-node-selector/content-node-selector-panel.component.scss
View File

@@ -10,7 +10,7 @@ h2.adf-search-results-label {
font-stretch: normal; font-stretch: normal;
line-height: 1.43; line-height: 1.43;
letter-spacing: -0.2px; letter-spacing: -0.2px;
color: var(--adf-theme-foreground-text-color-087); color: var(--adf-theme-foreground-text-dark-opacity);
} }
.adf-toolbar .mat-toolbar { .adf-toolbar .mat-toolbar {
@@ -94,7 +94,7 @@ h2.adf-search-results-label {
&-list { &-list {
height: 40vh; height: 40vh;
overflow: auto; overflow: auto;
border: 1px solid var(--adf-theme-foreground-text-color-007); border: 1px solid var(--adf-theme-foreground-text-transparent-opacity);
border-top: 0; border-top: 0;
position: relative; position: relative;

2
lib/content-services/src/lib/content-node-selector/content-node-selector.component.scss
View File

@@ -60,7 +60,7 @@ adf-content-node-selector {
font-stretch: normal; font-stretch: normal;
line-height: 1.6; line-height: 1.6;
letter-spacing: -0.5px; letter-spacing: -0.5px;
color: var(--adf-theme-foreground-text-color-087); color: var(--adf-theme-foreground-text-dark-opacity);
h2 { h2 {
margin: unset; margin: unset;

1
lib/content-services/src/lib/content-node-selector/name-location-cell/name-location-cell.component.scss
View File

@@ -2,7 +2,6 @@
display: grid; display: grid;
&-location { &-location {
color: var(--adf-theme-foreground-text-color-054);
font-size: var(--theme-caption-font-size); font-size: var(--theme-caption-font-size);
} }
} }

6
lib/content-services/src/lib/content-node-share/content-node-share.dialog.scss
View File

@@ -18,7 +18,7 @@
font-style: normal; font-style: normal;
font-stretch: normal; font-stretch: normal;
font-size: var(--theme-subheading-2-font-size); font-size: var(--theme-subheading-2-font-size);
color: var(--adf-theme-foreground-text-color-087); color: var(--adf-theme-foreground-text-dark-opacity);
} }
&__label { &__label {
@@ -26,7 +26,7 @@
} }
&__info { &__info {
color: var(--adf-theme-foreground-text-color-054); color: var(--adf-theme-foreground-text-dark-opacity);
font-size: var(--theme-caption-font-size); font-size: var(--theme-caption-font-size);
} }
@@ -39,7 +39,7 @@
} }
&__input { &__input {
color: var(--adf-theme-foreground-text-color-087); color: var(--adf-theme-foreground-text-dark-opacity);
} }
} }

2
lib/content-services/src/lib/dialogs/folder.dialog.scss
View File

@@ -30,7 +30,7 @@
} }
.adf-dialog-action-button:disabled > span { .adf-dialog-action-button:disabled > span {
color: var(--adf-theme-foreground-text-color-054); color: var(--adf-theme-foreground-text-dark-opacity);
} }
@media screen and (max-width: 380px) { @media screen and (max-width: 380px) {

2
lib/content-services/src/lib/document-list/components/document-list.component.scss
View File

@@ -131,7 +131,7 @@
font-size: var(--theme-headline-font-size); font-size: var(--theme-headline-font-size);
line-height: 1.33; line-height: 1.33;
letter-spacing: -1px; letter-spacing: -1px;
color: var(--adf-theme-foreground-text-color-054); color: var(--adf-theme-foreground-text-dark-opacity);
} }
&-drag-drop { &-drag-drop {

4
lib/content-services/src/lib/new-version-uploader/new-version-uploader.dialog.scss
View File

@@ -34,7 +34,7 @@
line-height: 1.6; line-height: 1.6;
margin: 0; margin: 0;
letter-spacing: -0.5px; letter-spacing: -0.5px;
color: var(--adf-theme-foreground-text-color-087); color: var(--adf-theme-foreground-text-dark-opacity);
} }
&-content { &-content {
@@ -51,7 +51,7 @@
padding: 8px 8px 24px 8px; padding: 8px 8px 24px 8px;
display: flex; display: flex;
justify-content: flex-end; justify-content: flex-end;
color: var(--adf-theme-foreground-text-color-054); color: var(--adf-theme-foreground-text-dark-opacity);
button { button {
text-transform: uppercase; text-transform: uppercase;

2
lib/content-services/src/lib/permission-manager/components/add-permission/add-permission-dialog.component.scss
View File

@@ -8,7 +8,7 @@
font-stretch: normal; font-stretch: normal;
line-height: 1.6; line-height: 1.6;
letter-spacing: -0.5px; letter-spacing: -0.5px;
color: var(--adf-theme-foreground-text-color-087); color: var(--adf-theme-foreground-text-dark-opacity);
} }
.mat-dialog-container { .mat-dialog-container {

4
lib/content-services/src/lib/permission-manager/components/add-permission/add-permission-panel.component.scss
View File

@@ -5,7 +5,7 @@ $search-result-height: calc(100% - 75px);
display: flex; display: flex;
height: $search-result-height; height: $search-result-height;
overflow: auto; overflow: auto;
border: 2px solid var(--adf-theme-foreground-text-color-007); border: 2px solid var(--adf-theme-foreground-text-transparent-opacity);
&-elements { &-elements {
width: 100%; width: 100%;
@@ -22,7 +22,7 @@ $search-result-height: calc(100% - 75px);
justify-content: space-around; justify-content: space-around;
height: $search-result-height; height: $search-result-height;
overflow: auto; overflow: auto;
border: 2px solid var(--adf-theme-foreground-text-color-007); border: 2px solid var(--adf-theme-foreground-text-transparent-opacity);
} }
&-permission-no-result { &-permission-no-result {

2
lib/content-services/src/lib/permission-manager/components/permission-list/permission-list.component.scss
View File

@@ -18,7 +18,7 @@
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
padding: 10px 15px; padding: 10px 15px;
border: 1px solid var(--adf-theme-foreground-text-color-007); border: 1px solid var(--adf-theme-foreground-text-transparent-opacity);
} }
&-inherit-container { &-inherit-container {

2
lib/content-services/src/lib/search/components/search-facet-field/search-facet-field.component.scss
View File

@@ -83,6 +83,6 @@
.mat-checkbox-label, .mat-checkbox-label,
.mat-radio-label { .mat-radio-label {
color: var(--adf-theme-foreground-text-color-054); color: var(--adf-theme-foreground-text-dark-opacity);
} }
} }

6
lib/content-services/src/lib/search/components/search-filter-container/search-filter-container.component.scss
View File

@@ -27,7 +27,7 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
padding: 15px 15px 10px; padding: 15px 15px 10px;
color: var(--adf-theme-foreground-text-color-087) !important; color: var(--adf-theme-foreground-text-dark-opacity) !important;
.adf-facet-buttons { .adf-facet-buttons {
display: none; display: none;
@@ -45,7 +45,7 @@
&-title { &-title {
font-size: 1.1em; font-size: 1.1em;
padding-bottom: 5px; padding-bottom: 5px;
color: var(--adf-theme-foreground-text-color-087); color: var(--adf-theme-foreground-text-dark-opacity);
} }
&-actions { &-actions {
@@ -56,7 +56,7 @@
> button { > button {
font-size: 0.9em; font-size: 0.9em;
color: var(--adf-theme-foreground-text-color-087); color: var(--adf-theme-foreground-text-dark-opacity);
} }
} }
} }

4
lib/content-services/src/lib/search/components/search-filter/search-filter.component.scss
View File

@@ -1,11 +1,11 @@
.adf-search-filter { .adf-search-filter {
.mat-expansion-panel-header-title { .mat-expansion-panel-header-title {
font-size: var(--theme-body-1-font-size); font-size: var(--theme-body-1-font-size);
color: var(--adf-theme-foreground-text-color-087); color: var(--adf-theme-foreground-text-dark-opacity);
} }
.mat-checkbox-label, .mat-checkbox-label,
.mat-radio-label { .mat-radio-label {
color: var(--adf-theme-foreground-text-color-054); color: var(--adf-theme-foreground-text-dark-opacity);
} }
} }

2
lib/content-services/src/lib/search/components/search-sorting-picker/search-sorting-picker.component.scss
View File

@@ -1,5 +1,5 @@
.adf-search-sorting-picker { .adf-search-sorting-picker {
.mat-icon-button { .mat-icon-button {
color: var(--adf-theme-foreground-text-color-054); color: var(--adf-theme-foreground-text-dark-opacity);
} }
} }

2
lib/content-services/src/lib/tag/tag-node-list.component.scss
View File

@@ -10,7 +10,7 @@
.adf-view-more-button { .adf-view-more-button {
margin: 4px; margin: 4px;
color: var(--adf-theme-foreground-text-color-054); color: var(--adf-theme-foreground-text-dark-opacity);
} }
.adf-full-width { .adf-full-width {

2
lib/content-services/src/lib/tree/components/tree.component.scss
View File

@@ -24,7 +24,7 @@ $tree-header-font-size: 12px !default;
padding-left: 15px; padding-left: 15px;
padding-right: 15px; padding-right: 15px;
transition-property: background-color; transition-property: background-color;
border-bottom: 1px solid var(--adf-theme-foreground-text-color-007); border-bottom: 1px solid var(--adf-theme-foreground-text-transparent-opacity);
min-height: $tree-row-height; min-height: $tree-row-height;
user-select: none; user-select: none;

10
lib/content-services/src/lib/upload/components/file-uploading-dialog.component.scss
View File

@@ -1,7 +1,7 @@
/* stylelint-disable no-descending-specificity */ /* stylelint-disable no-descending-specificity */
.adf-upload-dialog { .adf-upload-dialog {
background: var(--adf-theme-background-dialog-color); background: var(--adf-theme-background-dialog-color);
color: var(--adf-theme-foreground-text-color-054); color: var(--adf-theme-foreground-text-dark-opacity);
position: fixed; position: fixed;
bottom: 20px; bottom: 20px;
width: 40%; width: 40%;
@@ -33,7 +33,7 @@
min-width: 0; min-width: 0;
padding: 0; padding: 0;
line-height: 0; line-height: 0;
color: var(--adf-theme-foreground-text-color-054) !important; color: var(--adf-theme-foreground-text-dark-opacity) !important;
} }
} }
@@ -49,8 +49,8 @@
&__content { &__content {
overflow: auto; overflow: auto;
max-height: 194px; max-height: 194px;
border-top: 1px solid var(--adf-theme-foreground-text-color-014); border-top: 1px solid var(--adf-theme-foreground-text-light-opacity);
border-bottom: 1px solid var(--adf-theme-foreground-text-color-014); border-bottom: 1px solid var(--adf-theme-foreground-text-light-opacity);
} }
&__confirmation { &__confirmation {
@@ -61,7 +61,7 @@
font-size: var(--theme-subheading-2-font-size); font-size: var(--theme-subheading-2-font-size);
line-height: 1.5; line-height: 1.5;
letter-spacing: -0.4px; letter-spacing: -0.4px;
color: var(--adf-theme-foreground-text-color-087); color: var(--adf-theme-foreground-text-dark-opacity);
} }
&__confirmation--text { &__confirmation--text {

2
lib/content-services/src/lib/upload/components/file-uploading-list-row.component.scss
View File

@@ -2,7 +2,7 @@ $file-uploading-row-hover-color: #eee !default;
adf-file-uploading-list-row:not(:first-child) { adf-file-uploading-list-row:not(:first-child) {
display: block; display: block;
border-top: 1px solid var(--adf-theme-foreground-text-color-014); border-top: 1px solid var(--adf-theme-foreground-text-light-opacity);
} }
.adf-file-uploading-row { .adf-file-uploading-row {

2
lib/core/src/lib/card-view/components/card-view-arrayitem/card-view-arrayitem.component.scss
View File

@@ -5,7 +5,7 @@
} }
&-array-item-action { &-array-item-action {
color: var(--adf-theme-foreground-text-color-025); color: var(--adf-theme-foreground-text-light-opacity);
} }
&-array-item-action:hover, &-array-item-action:hover,

2
lib/core/src/lib/card-view/components/card-view-dateitem/card-view-dateitem.component.scss
View File

@@ -29,7 +29,7 @@
&-dateitem-editable { &-dateitem-editable {
cursor: pointer; cursor: pointer;
border-bottom: 1px solid var(--adf-theme-foreground-text-color-042); border-bottom: 1px solid var(--adf-theme-foreground-text-dark-opacity);
padding-bottom: 6px; padding-bottom: 6px;
&-controls { &-controls {

2
lib/core/src/lib/card-view/components/card-view-keyvaluepairsitem/card-view-keyvaluepairsitem.component.scss
View File

@@ -14,7 +14,7 @@
} }
.mat-form-field-appearance-legacy .mat-form-field-label { .mat-form-field-appearance-legacy .mat-form-field-label {
color: var(--adf-theme-foreground-text-color-040) !important; color: var(--adf-theme-foreground-text-light-opacity) !important;
} }
} }

2
lib/core/src/lib/card-view/components/card-view-selectitem/select-filter-input/select-filter-input.component.scss
View File

@@ -11,7 +11,7 @@ $select-filter-height: 4em !default;
display: flex; display: flex;
z-index: 100; z-index: 100;
font-size: var(--theme-body-1-font-size); font-size: var(--theme-body-1-font-size);
color: var(--adf-theme-foreground-text-color-087); color: var(--adf-theme-foreground-text-dark-opacity);
line-height: 3em; line-height: 3em;
height: $select-filter-height; height: $select-filter-height;
padding: 5px 16px 0; padding: 5px 16px 0;

17
lib/core/src/lib/card-view/components/card-view-textitem/card-view-textitem.component.scss
View File

@@ -3,14 +3,14 @@
font-size: var(--theme-subheading-2-font-size); font-size: var(--theme-subheading-2-font-size);
width: 16px; width: 16px;
height: 16px; height: 16px;
color: var(--adf-theme-foreground-text-color-025); color: var(--adf-theme-foreground-text-light-opacity);
} }
&-textitem-action.mat-icon-button { &-textitem-action.mat-icon-button {
width: 20px; width: 20px;
height: 20px; height: 20px;
line-height: 20px; line-height: 20px;
color: var(--adf-theme-foreground-text-color-025); color: var(--adf-theme-foreground-text-light-opacity);
} }
&-textitem-action:hover, &-textitem-action:hover,
@@ -96,7 +96,7 @@
} }
&-textitem-default-value { &-textitem-default-value {
color: var(--adf-theme-foreground-text-color-054); color: var(--adf-theme-foreground-text-dark-opacity);
} }
&-textitem-editable .mat-form-field-wrapper { &-textitem-editable .mat-form-field-wrapper {
@@ -153,7 +153,7 @@
&:hover::-webkit-scrollbar-thumb { &:hover::-webkit-scrollbar-thumb {
display: block; display: block;
background-color: var(--adf-theme-foreground-text-color-025); background-color: var(--adf-theme-foreground-text-light-opacity);
border-radius: 2px; border-radius: 2px;
} }
} }
@@ -193,9 +193,12 @@
display: none; display: none;
} }
.adf-textitem-clear-icon { .adf-property-clear-value {
display: block; display: flex;
} }
.adf-property-clear-value:hover {
color: var(--adf-theme-foreground-text-color);
} }
} }
} }

16
lib/core/src/lib/datatable/components/datatable/datatable.component.scss
View File

@@ -27,7 +27,7 @@ $data-table-cell-min-width-file-size: $data-table-cell-min-width !default;
&--divider { &--divider {
padding: 24px 0; padding: 24px 0;
border: 1px solid var(--adf-theme-foreground-text-color-007); border: 1px solid var(--adf-theme-foreground-text-transparent-opacity);
} }
&:hover { &:hover {
@@ -128,7 +128,7 @@ $data-table-cell-min-width-file-size: $data-table-cell-min-width !default;
margin-left: 10px; margin-left: 10px;
text-align: left; text-align: left;
content: attr(title); content: attr(title);
color: var(--adf-theme-foreground-text-color-054); color: var(--adf-theme-foreground-text-dark-opacity);
float: left; float: left;
width: 140px; width: 140px;
white-space: nowrap; white-space: nowrap;
@@ -192,7 +192,7 @@ $data-table-cell-min-width-file-size: $data-table-cell-min-width !default;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
background-color: var(--adf-theme-background-card-color); background-color: var(--adf-theme-background-card-color);
border: 1px solid var(--adf-theme-foreground-text-color-007); border: 1px solid var(--adf-theme-foreground-text-transparent-opacity);
box-sizing: border-box; box-sizing: border-box;
overflow-x: auto; overflow-x: auto;
@@ -275,7 +275,7 @@ $data-table-cell-min-width-file-size: $data-table-cell-min-width !default;
@include material-animation-default(0.28s); @include material-animation-default(0.28s);
transition-property: background-color; transition-property: background-color;
border-top: 1px solid var(--adf-theme-foreground-text-color-007); border-top: 1px solid var(--adf-theme-foreground-text-transparent-opacity);
min-height: $data-table-row-height; min-height: $data-table-row-height;
cursor: pointer; cursor: pointer;
@@ -287,7 +287,7 @@ $data-table-cell-min-width-file-size: $data-table-cell-min-width !default;
} }
&:last-child { &:last-child {
border-bottom: 1px solid var(--adf-theme-foreground-text-color-007); border-bottom: 1px solid var(--adf-theme-foreground-text-transparent-opacity);
} }
} }
} }
@@ -724,8 +724,8 @@ $data-table-cell-min-width-file-size: $data-table-cell-min-width !default;
.adf-datatable-header { .adf-datatable-header {
display: block; display: block;
margin-right: 0; margin-right: 0;
border-top: 1px solid var(--adf-theme-foreground-text-color-007); border-top: 1px solid var(--adf-theme-foreground-text-transparent-opacity);
border-bottom: 1px solid var(--adf-theme-foreground-text-color-007); border-bottom: 1px solid var(--adf-theme-foreground-text-transparent-opacity);
} }
.adf-datatable-body { .adf-datatable-body {
@@ -775,7 +775,7 @@ $data-table-cell-min-width-file-size: $data-table-cell-min-width !default;
.adf-datatable--empty--header-visible { .adf-datatable--empty--header-visible {
.adf-datatable-header { .adf-datatable-header {
border: 1px solid var(--adf-theme-foreground-text-color-007); border: 1px solid var(--adf-theme-foreground-text-transparent-opacity);
} }
.adf-datatable-body { .adf-datatable-body {

2
lib/core/src/lib/directives/tooltip-card/tooltip-card.component.scss
View File

@@ -15,7 +15,7 @@ div.adf-tooltip-card {
p, p,
div { div {
font-size: var(--theme-caption-font-size); font-size: var(--theme-caption-font-size);
color: var(--adf-theme-foreground-text-color-075); color: var(--adf-theme-foreground-text-dark-opacity);
margin: 0; margin: 0;
} }

4
lib/core/src/lib/info-drawer/info-drawer-layout.component.scss
View File

@@ -50,7 +50,7 @@ $adf-info-drawer-icon-size-half: 24px !default;
line-height: 1.6; line-height: 1.6;
letter-spacing: -0.5px; letter-spacing: -0.5px;
text-align: left; text-align: left;
color: var(--adf-theme-foreground-text-color-054); color: var(--adf-theme-foreground-text-dark-opacity);
& > div { & > div {
overflow: hidden; overflow: hidden;
@@ -77,7 +77,7 @@ $adf-info-drawer-icon-size-half: 24px !default;
.adf-manage-versions-no-permission { .adf-manage-versions-no-permission {
margin: 0; margin: 0;
padding: $adf-info-drawer-icon-size-half; padding: $adf-info-drawer-icon-size-half;
color: var(--adf-theme-foreground-text-color-054); color: var(--adf-theme-foreground-text-dark-opacity);
text-align: center; text-align: center;
display: flex; display: flex;
flex-direction: column; flex-direction: column;

2
lib/core/src/lib/layout/components/layout-container/layout-container.component.scss
View File

@@ -32,7 +32,7 @@ adf-layout-container {
.mat-sidenav { .mat-sidenav {
overflow: hidden; overflow: hidden;
border-right: 1px solid var(--adf-theme-foreground-text-color-007); border-right: 1px solid var(--adf-theme-foreground-text-transparent-opacity);
background-color: var(--theme-background-color); background-color: var(--theme-background-color);
} }

4
lib/core/src/lib/layout/components/sidebar-action/sidebar-action-menu.component.scss
View File

@@ -28,7 +28,7 @@
&-sidebar-action-menu-icon { &-sidebar-action-menu-icon {
margin: 18px 0 0 20px; margin: 18px 0 0 20px;
color: var(--adf-theme-foreground-text-color-054); color: var(--adf-theme-foreground-text-dark-opacity);
cursor: pointer; cursor: pointer;
&:hover { &:hover {
@@ -42,7 +42,7 @@
.mat-menu-item { .mat-menu-item {
font-size: var(--theme-body-1-font-size); font-size: var(--theme-body-1-font-size);
color: var(--adf-theme-foreground-text-color-087); color: var(--adf-theme-foreground-text-dark-opacity);
text-align: left; text-align: left;
line-height: 1.5; line-height: 1.5;
letter-spacing: -0.4px; letter-spacing: -0.4px;

15
lib/core/src/lib/styles/_index.scss
View File

@@ -26,6 +26,7 @@
// map SCSS variables to expose as CSS variables // map SCSS variables to expose as CSS variables
$defaults: ( $defaults: (
--adf-parameter-opacity-for-labels: 0,54,
// theme colors // theme colors
--theme-primary-color: mat.get-color-from-palette($primary), --theme-primary-color: mat.get-color-from-palette($primary),
--theme-primary-color-default-contrast: mat.get-color-from-palette($primary, default-contrast), --theme-primary-color-default-contrast: mat.get-color-from-palette($primary, default-contrast),
@@ -51,16 +52,10 @@
--adf-theme-foreground-icon-color-054: mat.get-color-from-palette($foreground, icon, 0.54), --adf-theme-foreground-icon-color-054: mat.get-color-from-palette($foreground, icon, 0.54),
--adf-theme-foreground-secondary-text-color: mat.get-color-from-palette($foreground, secondary-text), --adf-theme-foreground-secondary-text-color: mat.get-color-from-palette($foreground, secondary-text),
--adf-theme-foreground-text-color: mat.get-color-from-palette($foreground, text), --adf-theme-foreground-text-color: mat.get-color-from-palette($foreground, text),
--adf-theme-foreground-text-color-087: mat.get-color-from-palette($foreground, text, 0.87),
--adf-theme-foreground-text-color-075: mat.get-color-from-palette($foreground, text, 0.75), --adf-theme-foreground-text-dark-opacity: mat.get-color-from-palette($foreground, text, 0.64),
--adf-theme-foreground-text-color-064: mat.get-color-from-palette($foreground, text, 0.64), --adf-theme-foreground-text-light-opacity: mat.get-color-from-palette($foreground, text, 0.4),
--adf-theme-foreground-text-color-054: mat.get-color-from-palette($foreground, text, 0.54), --adf-theme-foreground-text-transparent-opacity: mat.get-color-from-palette($foreground, text, 0.07),
--adf-theme-foreground-text-color-042: mat.get-color-from-palette($foreground, text, 0.42),
--adf-theme-foreground-text-color-040: mat.get-color-from-palette($foreground, text, 0.4),
--adf-theme-foreground-text-color-027: mat.get-color-from-palette($foreground, text, 0.27),
--adf-theme-foreground-text-color-025: mat.get-color-from-palette($foreground, text, 0.25),
--adf-theme-foreground-text-color-014: mat.get-color-from-palette($foreground, text, 0.14),
--adf-theme-foreground-text-color-007: mat.get-color-from-palette($foreground, text, 0.07),
--adf-theme-background-card-color: mat.get-color-from-palette($background, card), --adf-theme-background-card-color: mat.get-color-from-palette($background, card),
--adf-theme-background-card-color-087: mat.get-color-from-palette($background, card, 0.87), --adf-theme-background-card-color-087: mat.get-color-from-palette($background, card, 0.87),

12
lib/core/src/lib/styles/material.theme.scss
View File

@@ -12,21 +12,21 @@
.mat-calendar { .mat-calendar {
.mat-calendar-header { .mat-calendar-header {
button { button {
color: var(--adf-theme-foreground-text-color-087); color: var(--adf-theme-foreground-text-dark-opacity);
&:disabled { &:disabled {
color: var(--adf-theme-foreground-text-color-054); color: var(--adf-theme-foreground-text-dark-opacity);
} }
} }
} }
.mat-calendar-content { .mat-calendar-content {
.mat-calendar-table-header th { .mat-calendar-table-header th {
color: var(--adf-theme-foreground-text-color-054); color: var(--adf-theme-foreground-text-dark-opacity);
} }
.mat-calendar-body-disabled > div { .mat-calendar-body-disabled > div {
color: var(--adf-theme-foreground-text-color-054) !important; color: var(--adf-theme-foreground-text-dark-opacity) !important;
} }
} }
} }
@@ -48,11 +48,11 @@
.mat-datetimepicker-calendar-content { .mat-datetimepicker-calendar-content {
.mat-datetimepicker-calendar-table-header th { .mat-datetimepicker-calendar-table-header th {
color: var(--adf-theme-foreground-text-color-054); color: var(--adf-theme-foreground-text-dark-opacity);
} }
.mat-datetimepicker-calendar-body-disabled > div { .mat-datetimepicker-calendar-body-disabled > div {
color: var(--adf-theme-foreground-text-color-054); color: var(--adf-theme-foreground-text-dark-opacity);
} }
} }
} }

2
lib/core/src/lib/templates/empty-content/empty-content.component.scss
View File

@@ -1,5 +1,5 @@
.adf-empty-content { .adf-empty-content {
color: var(--adf-theme-foreground-text-color-054); color: var(--adf-theme-foreground-text-dark-opacity);
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;

2
lib/core/src/lib/templates/error-content/error-content.component.scss
View File

@@ -1,5 +1,5 @@
.adf-error-content { .adf-error-content {
color: var(--adf-theme-foreground-text-color-054); color: var(--adf-theme-foreground-text-dark-opacity);
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;

4
lib/core/src/lib/toolbar/toolbar.component.scss
View File

@@ -11,8 +11,8 @@
.mat-toolbar { .mat-toolbar {
min-height: 48px; min-height: 48px;
border: 1px solid var(--adf-theme-foreground-text-color-007); border: 1px solid var(--adf-theme-foreground-text-transparent-opacity);
color: var(--adf-theme-foreground-text-color-054); color: var(--adf-theme-foreground-text-dark-opacity);
} }
.mat-toolbar-row { .mat-toolbar-row {

2
lib/core/src/lib/viewer/components/img-viewer.component.scss
View File

@@ -54,7 +54,7 @@
width: 79px; width: 79px;
height: 24px; height: 24px;
font-size: var(--theme-body-1-font-size); font-size: var(--theme-body-1-font-size);
border: 1px solid var(--adf-theme-foreground-text-color-007); border: 1px solid var(--adf-theme-foreground-text-transparent-opacity);
text-align: center; text-align: center;
line-height: 24px; line-height: 24px;
margin-left: 4px; margin-left: 4px;

2
lib/core/src/lib/viewer/components/pdf-viewer-thumbnails.component.scss
View File

@@ -21,7 +21,7 @@
} }
&__thumb:hover { &__thumb:hover {
box-shadow: 0 0 5px 0 var(--adf-theme-foreground-text-color-087); box-shadow: 0 0 5px 0 var(--adf-theme-foreground-text-dark-opacity);
} }
&__thumb--selected { &__thumb--selected {

6
lib/core/src/lib/viewer/components/pdf-viewer.component.scss
View File

@@ -57,7 +57,7 @@
justify-content: flex-end; justify-content: flex-end;
align-items: flex-end; align-items: flex-end;
display: flex; display: flex;
color: var(--adf-theme-foreground-text-color-054); color: var(--adf-theme-foreground-text-dark-opacity);
} }
} }
@@ -109,7 +109,7 @@
font-size: var(--theme-body-1-font-size); font-size: var(--theme-body-1-font-size);
& > input { & > input {
border: 1px solid var(--adf-theme-foreground-text-color-007); border: 1px solid var(--adf-theme-foreground-text-transparent-opacity);
background-color: var(--adf-theme-background-card-color); background-color: var(--adf-theme-background-card-color);
color: inherit; color: inherit;
font-size: var(--theme-body-1-font-size); font-size: var(--theme-body-1-font-size);
@@ -129,7 +129,7 @@
width: 79px; width: 79px;
height: 24px; height: 24px;
font-size: var(--theme-body-1-font-size); font-size: var(--theme-body-1-font-size);
border: 1px solid var(--adf-theme-foreground-text-color-007); border: 1px solid var(--adf-theme-foreground-text-transparent-opacity);
text-align: center; text-align: center;
line-height: 24px; line-height: 24px;
margin-left: 4px; margin-left: 4px;

8
lib/core/src/lib/viewer/components/viewer.component.scss
View File

@@ -11,7 +11,7 @@
height: 100%; height: 100%;
.mat-toolbar { .mat-toolbar {
color: var(--adf-theme-foreground-text-color-054); color: var(--adf-theme-foreground-text-dark-opacity);
.adf-toolbar-title { .adf-toolbar-title {
width: auto; width: auto;
@@ -117,15 +117,15 @@
display: block; display: block;
padding: 0; padding: 0;
background-color: var(--theme-background-color); background-color: var(--theme-background-color);
box-shadow: 0 2px 4px 0 var(--adf-theme-foreground-text-color-027); box-shadow: 0 2px 4px 0 var(--adf-theme-foreground-text-light-opacity);
overflow: auto; overflow: auto;
&__right { &__right {
border-left: 1px solid var(--adf-theme-foreground-text-color-007); border-left: 1px solid var(--adf-theme-foreground-text-transparent-opacity);
} }
&__left { &__left {
border-right: 1px solid var(--adf-theme-foreground-text-color-007); border-right: 1px solid var(--adf-theme-foreground-text-transparent-opacity);
} }
} }
} }

4
lib/insights/src/lib/analytics-process/components/analytics-report-list.component.scss
View File

@@ -81,10 +81,10 @@
height: 40px; height: 40px;
&-icon { &-icon {
color: var(--adf-theme-foreground-text-color-054); color: var(--adf-theme-foreground-text-dark-opacity);
&:hover { &:hover {
color: var(--adf-theme-foreground-text-color-087); color: var(--adf-theme-foreground-text-dark-opacity);
} }
} }
} }

2
lib/process-services-cloud/src/lib/form/components/widgets/attach-file/file-properties-table-cloud.component.scss
View File

@@ -1,7 +1,7 @@
.adf-file-properties-table { .adf-file-properties-table {
table { table {
width: 100%; width: 100%;
border: 1px solid var(--adf-theme-foreground-text-color-007); border: 1px solid var(--adf-theme-foreground-text-transparent-opacity);
box-shadow: none; box-shadow: none;
.adf-file { .adf-file {

2
lib/process-services-cloud/src/lib/form/components/widgets/properties-viewer/properties-viewer.widget.scss
View File

@@ -6,7 +6,7 @@ adf-properties-viewer-widget {
display: block; display: block;
height: 100%; height: 100%;
width: 100%; width: 100%;
border: 1px solid var(--adf-theme-foreground-text-color-007); border: 1px solid var(--adf-theme-foreground-text-transparent-opacity);
border-radius: 6px; border-radius: 6px;
.adf-properties-viewer-wrapper-loading { .adf-properties-viewer-wrapper-loading {

2
lib/process-services/src/lib/form/start-form.component.scss
View File

@@ -21,7 +21,7 @@
line-height: var(--theme-headline-line-height); line-height: var(--theme-headline-line-height);
letter-spacing: -0.4px; letter-spacing: -0.4px;
text-align: left; text-align: left;
color: var(--adf-theme-foreground-text-color-054); color: var(--adf-theme-foreground-text-dark-opacity);
text-transform: uppercase; text-transform: uppercase;
} }

6
lib/process-services/src/lib/form/widgets/dynamic-table/dynamic-table.widget.scss
View File

@@ -26,7 +26,7 @@ dynamic-table-widget .adf-label {
&-dynamic-table { &-dynamic-table {
width: 100%; width: 100%;
position: relative; position: relative;
border: 1px solid var(--adf-theme-foreground-text-color-007); border: 1px solid var(--adf-theme-foreground-text-transparent-opacity);
white-space: nowrap; white-space: nowrap;
font-size: $dynamic-table-font-size; font-size: $dynamic-table-font-size;
@@ -82,8 +82,8 @@ dynamic-table-widget .adf-label {
position: relative; position: relative;
vertical-align: middle; vertical-align: middle;
height: $dynamic-table-row-height; height: $dynamic-table-row-height;
border-top: 1px solid var(--adf-theme-foreground-text-color-007); border-top: 1px solid var(--adf-theme-foreground-text-transparent-opacity);
border-bottom: 1px solid var(--adf-theme-foreground-text-color-007); border-bottom: 1px solid var(--adf-theme-foreground-text-transparent-opacity);
padding-top: $dynamic-table-cell-top; padding-top: $dynamic-table-cell-top;
box-sizing: border-box; box-sizing: border-box;