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;
height: 400px;
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 {
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-weight: 600;
letter-spacing: -0.2px;
color: var(--adf-theme-foreground-text-color-054);
overflow: hidden;
&-container {
@@ -79,7 +78,6 @@
font-weight: 600;
letter-spacing: -0.2px;
text-align: left;
color: var(--adf-theme-foreground-text-color-054);
flex: 0 1 auto;
min-width: 35px;
margin-top: auto;
@@ -87,11 +85,11 @@
&:hover,
&.adf-active {
color: var(--adf-theme-foreground-text-color-064);
color: var(--adf-theme-foreground-text-light-opacity);
}
&.adf-active {
color: var(--adf-theme-foreground-text-color-087);
color: var(--adf-theme-foreground-text-dark-opacity);
}
&-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-weight: 600;
letter-spacing: -0.2px;
color: var(--adf-theme-foreground-text-color-054);
overflow: hidden;
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 {
margin: 0;
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 {
color: var(--adf-theme-foreground-text-color-054);
color: var(--adf-theme-foreground-text-dark-opacity);
&: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;
line-height: 1.43;
letter-spacing: -0.2px;
color: var(--adf-theme-foreground-text-color-087);
color: var(--adf-theme-foreground-text-dark-opacity);
}
.adf-toolbar .mat-toolbar {
@@ -94,7 +94,7 @@ h2.adf-search-results-label {
&-list {
height: 40vh;
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;
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;
line-height: 1.6;
letter-spacing: -0.5px;
color: var(--adf-theme-foreground-text-color-087);
color: var(--adf-theme-foreground-text-dark-opacity);
h2 {
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;
&-location {
color: var(--adf-theme-foreground-text-color-054);
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-stretch: normal;
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 {
@@ -26,7 +26,7 @@
}
&__info {
color: var(--adf-theme-foreground-text-color-054);
color: var(--adf-theme-foreground-text-dark-opacity);
font-size: var(--theme-caption-font-size);
}
@@ -39,7 +39,7 @@
}
&__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 {
color: var(--adf-theme-foreground-text-color-054);
color: var(--adf-theme-foreground-text-dark-opacity);
}
@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);
line-height: 1.33;
letter-spacing: -1px;
color: var(--adf-theme-foreground-text-color-054);
color: var(--adf-theme-foreground-text-dark-opacity);
}
&-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;
margin: 0;
letter-spacing: -0.5px;
color: var(--adf-theme-foreground-text-color-087);
color: var(--adf-theme-foreground-text-dark-opacity);
}
&-content {
@@ -51,7 +51,7 @@
padding: 8px 8px 24px 8px;
display: flex;
justify-content: flex-end;
color: var(--adf-theme-foreground-text-color-054);
color: var(--adf-theme-foreground-text-dark-opacity);
button {
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;
line-height: 1.6;
letter-spacing: -0.5px;
color: var(--adf-theme-foreground-text-color-087);
color: var(--adf-theme-foreground-text-dark-opacity);
}
.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;
height: $search-result-height;
overflow: auto;
border: 2px solid var(--adf-theme-foreground-text-color-007);
border: 2px solid var(--adf-theme-foreground-text-transparent-opacity);
&-elements {
width: 100%;
@@ -22,7 +22,7 @@ $search-result-height: calc(100% - 75px);
justify-content: space-around;
height: $search-result-height;
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 {

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;
align-items: center;
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 {

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-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;
flex-direction: column;
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 {
display: none;
@@ -45,7 +45,7 @@
&-title {
font-size: 1.1em;
padding-bottom: 5px;
color: var(--adf-theme-foreground-text-color-087);
color: var(--adf-theme-foreground-text-dark-opacity);
}
&-actions {
@@ -56,7 +56,7 @@
> button {
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 {
.mat-expansion-panel-header-title {
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-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 {
.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 {
margin: 4px;
color: var(--adf-theme-foreground-text-color-054);
color: var(--adf-theme-foreground-text-dark-opacity);
}
.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-right: 15px;
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;
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 */
.adf-upload-dialog {
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;
bottom: 20px;
width: 40%;
@@ -33,7 +33,7 @@
min-width: 0;
padding: 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 {
overflow: auto;
max-height: 194px;
border-top: 1px solid var(--adf-theme-foreground-text-color-014);
border-bottom: 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-light-opacity);
}
&__confirmation {
@@ -61,7 +61,7 @@
font-size: var(--theme-subheading-2-font-size);
line-height: 1.5;
letter-spacing: -0.4px;
color: var(--adf-theme-foreground-text-color-087);
color: var(--adf-theme-foreground-text-dark-opacity);
}
&__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) {
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 {

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 {
color: var(--adf-theme-foreground-text-color-025);
color: var(--adf-theme-foreground-text-light-opacity);
}
&-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 {
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;
&-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 {
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;
z-index: 100;
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;
height: $select-filter-height;
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);
width: 16px;
height: 16px;
color: var(--adf-theme-foreground-text-color-025);
color: var(--adf-theme-foreground-text-light-opacity);
}
&-textitem-action.mat-icon-button {
width: 20px;
height: 20px;
line-height: 20px;
color: var(--adf-theme-foreground-text-color-025);
color: var(--adf-theme-foreground-text-light-opacity);
}
&-textitem-action:hover,
@@ -96,7 +96,7 @@
}
&-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 {
@@ -153,7 +153,7 @@
&:hover::-webkit-scrollbar-thumb {
display: block;
background-color: var(--adf-theme-foreground-text-color-025);
background-color: var(--adf-theme-foreground-text-light-opacity);
border-radius: 2px;
}
}
@@ -193,9 +193,12 @@
display: none;
}
.adf-textitem-clear-icon {
display: block;
}
.adf-property-clear-value {
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 {
padding: 24px 0;
border: 1px solid var(--adf-theme-foreground-text-color-007);
border: 1px solid var(--adf-theme-foreground-text-transparent-opacity);
}
&:hover {
@@ -128,7 +128,7 @@ $data-table-cell-min-width-file-size: $data-table-cell-min-width !default;
margin-left: 10px;
text-align: left;
content: attr(title);
color: var(--adf-theme-foreground-text-color-054);
color: var(--adf-theme-foreground-text-dark-opacity);
float: left;
width: 140px;
white-space: nowrap;
@@ -192,7 +192,7 @@ $data-table-cell-min-width-file-size: $data-table-cell-min-width !default;
display: flex;
flex-direction: column;
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;
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);
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;
cursor: pointer;
@@ -287,7 +287,7 @@ $data-table-cell-min-width-file-size: $data-table-cell-min-width !default;
}
&: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 {
display: block;
margin-right: 0;
border-top: 1px solid var(--adf-theme-foreground-text-color-007);
border-bottom: 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-transparent-opacity);
}
.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-header {
border: 1px solid var(--adf-theme-foreground-text-color-007);
border: 1px solid var(--adf-theme-foreground-text-transparent-opacity);
}
.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,
div {
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;
}

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;
letter-spacing: -0.5px;
text-align: left;
color: var(--adf-theme-foreground-text-color-054);
color: var(--adf-theme-foreground-text-dark-opacity);
& > div {
overflow: hidden;
@@ -77,7 +77,7 @@ $adf-info-drawer-icon-size-half: 24px !default;
.adf-manage-versions-no-permission {
margin: 0;
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;
display: flex;
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 {
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);
}

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

@@ -28,7 +28,7 @@
&-sidebar-action-menu-icon {
margin: 18px 0 0 20px;
color: var(--adf-theme-foreground-text-color-054);
color: var(--adf-theme-foreground-text-dark-opacity);
cursor: pointer;
&:hover {
@@ -42,7 +42,7 @@
.mat-menu-item {
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;
line-height: 1.5;
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
$defaults: (
--adf-parameter-opacity-for-labels: 0,54,
// theme colors
--theme-primary-color: mat.get-color-from-palette($primary),
--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-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-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-color-064: mat.get-color-from-palette($foreground, text, 0.64),
--adf-theme-foreground-text-color-054: mat.get-color-from-palette($foreground, text, 0.54),
--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-foreground-text-dark-opacity: 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-transparent-opacity: 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-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-header {
button {
color: var(--adf-theme-foreground-text-color-087);
color: var(--adf-theme-foreground-text-dark-opacity);
&:disabled {
color: var(--adf-theme-foreground-text-color-054);
color: var(--adf-theme-foreground-text-dark-opacity);
}
}
}
.mat-calendar-content {
.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 {
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-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 {
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 {
color: var(--adf-theme-foreground-text-color-054);
color: var(--adf-theme-foreground-text-dark-opacity);
display: flex;
flex-direction: column;
align-items: center;

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

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

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

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

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

@@ -54,7 +54,7 @@
width: 79px;
height: 24px;
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;
line-height: 24px;
margin-left: 4px;

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

@@ -21,7 +21,7 @@
}
&__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 {

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

@@ -57,7 +57,7 @@
justify-content: flex-end;
align-items: flex-end;
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);
& > 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);
color: inherit;
font-size: var(--theme-body-1-font-size);
@@ -129,7 +129,7 @@
width: 79px;
height: 24px;
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;
line-height: 24px;
margin-left: 4px;

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

@@ -11,7 +11,7 @@
height: 100%;
.mat-toolbar {
color: var(--adf-theme-foreground-text-color-054);
color: var(--adf-theme-foreground-text-dark-opacity);
.adf-toolbar-title {
width: auto;
@@ -117,15 +117,15 @@
display: block;
padding: 0;
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;
&__right {
border-left: 1px solid var(--adf-theme-foreground-text-color-007);
border-left: 1px solid var(--adf-theme-foreground-text-transparent-opacity);
}
&__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;
&-icon {
color: var(--adf-theme-foreground-text-color-054);
color: var(--adf-theme-foreground-text-dark-opacity);
&: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 {
table {
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;
.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;
height: 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;
.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);
letter-spacing: -0.4px;
text-align: left;
color: var(--adf-theme-foreground-text-color-054);
color: var(--adf-theme-foreground-text-dark-opacity);
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 {
width: 100%;
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;
font-size: $dynamic-table-font-size;
@@ -82,8 +82,8 @@ dynamic-table-widget .adf-label {
position: relative;
vertical-align: middle;
height: $dynamic-table-row-height;
border-top: 1px solid var(--adf-theme-foreground-text-color-007);
border-bottom: 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-transparent-opacity);
padding-top: $dynamic-table-cell-top;
box-sizing: border-box;