inteligr8/alfresco-content-app
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-content-app.git synced 2025-07-24 17:31:52 +00:00
Code Issues Packages Projects Releases Wiki Activity

[ACS-7732] Add missing badges styling (#4040)

Browse Source 
* [ACS-7732] Badges spacing and hover fixes

* [ACS-7732] Proper badge styling

* [ACS-7732] Add missing display

* search page test fix

* test fix

---------

Co-authored-by: akash.rathod@hyland.com <akash.rathod@hyland.com>
This commit is contained in:
MichalKinas
2024-08-20 12:59:25 +02:00
committed by GitHub
parent 2edc48bc80
commit d8d57cdc2a
4 changed files with 19 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
projects/aca-content/src/lib/components/dl-custom-components/datatable-cell-badges/datatable-cell-badges.component.scss
View File

@@ -1,7 +1,16 @@
.aca-datatable-cell-badges-container {
display: flex;
align-items: center;
.adf-datatable-cell-badge {
.adf-datatable-cell-badge,
* > .adf-datatable-cell-badge {
display: flex;
color: var(--theme-secondary-text);
border-radius: 14px;
padding: 8px;
&:hover {
background-color: var(--theme-selected-text-background);
}
}
}

6
projects/aca-content/src/lib/ui/variables/variables.scss
View File

@@ -25,8 +25,8 @@ $grey-background: rgba(33, 33, 33, 0.12);
$grey-text-background: rgba(33, 33, 33, 0.05);
$grey-hover-background: rgba(33, 33, 33, 0.24);
$blue-save-button-background: #1f74db;
$blue-checkbox-background: rgb(10,96,206);
$blue-active-table-row: rgb(10,96,206, 0.24);
$blue-checkbox-background: rgb(10, 96, 206);
$blue-active-table-row: rgb(10, 96, 206, 0.24);
$black-heading: #4e4c4c;
$theme-dropdown-background: darken($background-color, 5%);
$theme-dropdown-background-hover: darken($background-color, 10%);
@@ -37,6 +37,7 @@ $datetimepicker-cell-background-color: #fff;
$datetimepicker-cell-focus-border-color: #1f74db;
$sidenav-background-color: $background-color;
$selected-text-color: #212121;
$selected-text-background: rgba($selected-text-color, 0.12);
$selected-background-color: rgba(31, 116, 219, 0.24);
$action-button-text-color: lighten($text-color, 35%);
$page-layout-header-background-color: $background-card-color;
@@ -88,6 +89,7 @@ $defaults: (
--theme-sidenav-background-color: $sidenav-background-color,
--theme-selected-text-color: $selected-text-color,
--theme-selected-background-color: $selected-background-color,
--theme-selected-text-background: $selected-text-background,
--theme-hover-background-color: $grey-text-background,
--theme-action-button-text-color: $action-button-text-color,
--theme-page-layout-header-background-color: $page-layout-header-background-color,