[ACS-5540] added tooltips

Alfresco · Sep 28, 2023 · f2bc3f1 · f2bc3f1
1 parent 745b695
commit f2bc3f1
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 4 deletions.
diff --git a/projects/aca-content/assets/i18n/en.json b/projects/aca-content/assets/i18n/en.json
@@ -395,15 +395,15 @@
         },
         "INFO_DRAWER": {
             "TITLE": "Details",
-            "CLOSE": "Close",
+            "REDUCE_PANEL": "Reduce panel",
             "DATA_LOADING": "Data is loading",
             "TABS": {
                 "PROPERTIES": "Properties",
                 "LIBRARY_PROPERTIES": "About",
                 "VERSIONS": "Versions",
                 "COMMENTS": "Comments",
                 "PERMISSIONS": "Permissions",
-                "EXPAND": "Expand"
+                "EXPAND": "Expand panel"
             }
         },
         "TOOLTIPS": {

diff --git a/projects/aca-content/src/lib/components/details/details.component.html b/projects/aca-content/src/lib/components/details/details.component.html
@@ -18,7 +18,7 @@
                 class="aca-close-details-button"
                 mat-icon-button
                 data-automation-id="close-library"
-                title="{{ 'APP.INFO_DRAWER.CLOSE' | translate }}"
+                title="{{ 'APP.INFO_DRAWER.REDUCE_PANEL' | translate }}"
                 (click)="goBack()">
                 <mat-icon>fullscreen_exit</mat-icon>
           </button>

diff --git a/projects/aca-content/src/lib/ui/variables/variables.scss b/projects/aca-content/src/lib/ui/variables/variables.scss
@@ -37,6 +37,7 @@ $search-chip-icon-color: #757575;
 $disabled-chip-background-color: #f5f5f5;
 $metadata-property-panel-border-color: rgba(0, 0, 0, 0.12);
 $metadata-buttons-background-color: rgba(33, 33, 33, 0.05);
+$metadata-action-button-clear-color: #212328b2;
 
 // CSS Variables
 $defaults: (
@@ -78,7 +79,8 @@ $defaults: (
   --theme-search-chip-icon-color: $search-chip-icon-color,
   --theme-disabled-chip-background-color: $disabled-chip-background-color,
   --theme-metadata-property-panel-border-color: $metadata-property-panel-border-color,
-  --theme-metadata-buttons-background-color: $metadata-buttons-background-color
+  --theme-metadata-buttons-background-color: $metadata-buttons-background-color,
+  --theme-metadata-action-button-clear-color: $metadata-action-button-clear-color
 );
 
 // propagates SCSS variables into the CSS variables scope