mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-07-24 17:32:15 +00:00
[ADF-4846] Move to ADF the style overrides from ACA (#5016)
* [ADF-4846] add $data-table-cell-link-color variable - move style fix needed on ACA to ADF * [ADF-4846] add $adf-permission-list-width variable - moved style fix for adf-permission-lists from ACA to ADF
This commit is contained in:
committed by
Eugenio Romano
parent
30d03cf540
commit
bfc3f30674
@@ -1,7 +1,7 @@
|
|||||||
@mixin adf-permission-list-theme($theme) {
|
@mixin adf-permission-list-theme($theme) {
|
||||||
|
$adf-permission-list-width: 70% !default;
|
||||||
|
|
||||||
.adf {
|
.adf {
|
||||||
|
|
||||||
&-permission-label {
|
&-permission-label {
|
||||||
max-width: 130px;
|
max-width: 130px;
|
||||||
min-width: 100px;
|
min-width: 100px;
|
||||||
@@ -29,12 +29,13 @@
|
|||||||
&-display-permission-container {
|
&-display-permission-container {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-around;
|
justify-content: space-around;
|
||||||
|
flex: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
&-datatable-permission {
|
&-datatable-permission {
|
||||||
display: flex;
|
display: flex;
|
||||||
min-width: 450px;
|
min-width: 450px;
|
||||||
width: 70%;
|
width: $adf-permission-list-width;
|
||||||
}
|
}
|
||||||
|
|
||||||
&-locallyset-label {
|
&-locallyset-label {
|
||||||
@@ -46,5 +47,4 @@
|
|||||||
justify-content: center;
|
justify-content: center;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
@@ -10,6 +10,7 @@
|
|||||||
$data-table-header-sorted-color: mat-color($foreground, text) !default;
|
$data-table-header-sorted-color: mat-color($foreground, text) !default;
|
||||||
$data-table-header-sorted-icon-hover-color: mat-color($foreground, disabled-text) !default;
|
$data-table-header-sorted-icon-hover-color: mat-color($foreground, disabled-text) !default;
|
||||||
$data-table-cell-text-color: mat-color($foreground, text) !default;
|
$data-table-cell-text-color: mat-color($foreground, text) !default;
|
||||||
|
$data-table-cell-link-color: mat-color($foreground, text) !default;
|
||||||
$data-table-cell-link-hover-color: mat-color($alfresco-ecm-blue, 500) !default;
|
$data-table-cell-link-hover-color: mat-color($alfresco-ecm-blue, 500) !default;
|
||||||
$data-table-cell-outline: 1px solid mat-color($alfresco-ecm-blue, A200) !default;
|
$data-table-cell-outline: 1px solid mat-color($alfresco-ecm-blue, A200) !default;
|
||||||
$data-table-divider-color: mat-color($foreground, text, 0.07) !default;
|
$data-table-divider-color: mat-color($foreground, text, 0.07) !default;
|
||||||
@@ -279,7 +280,8 @@
|
|||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
||||||
&--image {
|
&--image,
|
||||||
|
&--icon {
|
||||||
padding-left: 24px;
|
padding-left: 24px;
|
||||||
padding-right: 24px;
|
padding-right: 24px;
|
||||||
width: $data-table-thumbnail-width;
|
width: $data-table-thumbnail-width;
|
||||||
@@ -423,7 +425,7 @@
|
|||||||
.adf-location-cell {
|
.adf-location-cell {
|
||||||
a {
|
a {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
color: $data-table-cell-text-color;
|
color: $data-table-cell-link-color;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
color: $data-table-cell-link-hover-color;
|
color: $data-table-cell-link-hover-color;
|
||||||
@@ -450,7 +452,7 @@
|
|||||||
|
|
||||||
.adf-datatable-link {
|
.adf-datatable-link {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
color: $data-table-cell-text-color;
|
color: $data-table-cell-link-color;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
color: $data-table-cell-link-hover-color;
|
color: $data-table-cell-link-hover-color;
|
||||||
|
Reference in New Issue
Block a user