mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-07-24 17:32:15 +00:00
3d67d9dc75
* [ADF-4552] Rating component refactoring, add ability to unRate * [ADF-4552] RTL support added * [ADF-4552] Improve behaviour and styling structure in RTL languages * [ADF-4552] Improve behaviour and styling structure in RTL languages * [ADF-4552] Added refresh rating when the node Id input changes * [ADF-4552][ADF-4482] Refactor social component, add ability to unrate, add e2e automation * [ADF-4552][ADF-4482] Added unsibscribe from Observables, added css variables, removed unused class id's * [ADF-4552][ADF-4482] Improve structure and behaviour of e2e automation tests * [ADF-4552][ADF-4482] Improve structure and behaviour of e2e automation tests * [ADF-4552][ADF-4482] fix expected single space * [ADF-4552][ADF-4482] fix lint check failure * Fix circular dependency error
55 lines
1.0 KiB
SCSS
55 lines
1.0 KiB
SCSS
$adf-rated-star-color: #ffe944;
|
|
$adf-average-star-color: #808080;
|
|
|
|
.adf-rating-container {
|
|
display: flex;
|
|
overflow: hidden;
|
|
width: 100%;
|
|
|
|
.adf-rating-counter-container {
|
|
display: flex;
|
|
align-items: center;
|
|
padding: 0 6px;
|
|
}
|
|
|
|
.adf-rating-left {
|
|
padding: 0 6px;
|
|
}
|
|
|
|
.adf-rating-star {
|
|
display: flex;
|
|
justify-content: center;
|
|
transition: all 0.3s;
|
|
cursor: pointer;
|
|
width: 25px;
|
|
|
|
.mat-list-item-content {
|
|
padding: 0 !important;
|
|
}
|
|
|
|
&:hover {
|
|
transform: rotate(13deg) scale(1.2);
|
|
}
|
|
}
|
|
|
|
.adf-colored-star {
|
|
color: $adf-rated-star-color;
|
|
}
|
|
|
|
.adf-grey-star, .adf-average-star {
|
|
color: $adf-average-star-color !important;
|
|
}
|
|
|
|
}
|
|
|
|
[dir='rtl'] .adf-rating-container {
|
|
|
|
.adf-rating-star {
|
|
transform: rotate(145deg);
|
|
}
|
|
|
|
.adf-rating-star:hover {
|
|
transform: rotate(158deg) scale(1.2);
|
|
}
|
|
}
|