[ACS-8052] Inputs for general info for libraries (#9745)

Alfresco · Jul 3, 2024 · 284ec69 · 284ec69
1 parent b56aa14
commit 284ec69
Showing 1 changed file with 9 additions and 4 deletions.
diff --git a/lib/core/src/lib/info-drawer/info-drawer.component.scss b/lib/core/src/lib/info-drawer/info-drawer.component.scss
@@ -40,7 +40,7 @@
                         margin-bottom: 0;
                     }
 
-                    .mdc-tab__text-label {
+                    #{$mat-tab-label-text} {
                         flex-grow: 1;
 
                         #{$mat-icon} + span {
@@ -63,31 +63,36 @@
     }
 }
 
+/* stylelint-disable-next-line no-descending-specificity */
 .adf-info-drawer-tabs {
     #{$mat-tab-label-container} {
         border-bottom: 1px solid rgba(0, 0, 0, 0.12);
     }
 
-    .adf-info-drawer-tab {
+    div[role='tab'].adf-info-drawer-tab {
         color: var(--adf-info-drawer-tab-default-color);
         background-color: var(--adf-info-drawer-tab-default-background);
         border-bottom: var(--adf-info-drawer-tab-default-bottom-line);
         opacity: 1;
 
+        &#{$mat-tab-label} {
+            flex-grow: 1;
+        }
+
         &:has(span) {
             height: 32px;
         }
 
         &--active {
             color: var(--adf-info-drawer-tab-active-unfocused-color);
-            background-color:  var(--adf-info-drawer-tab-active-unfocused-background);
+            background-color: var(--adf-info-drawer-tab-active-unfocused-background);
             border-bottom: 1px solid var(--adf-info-drawer-tab-active-unfocused-bottom-line);
 
             &:focus {
                 color: var(--adf-info-drawer-tab-active-focused-color);
                 border-bottom: var(--adf-info-drawer-tab-active-focused-bottom-line);
+            }
         }
-    }
 
         &:hover:not([class*='--disabled'], [class*='--active']) {
             color: var(--adf-info-drawer-tab-hover-color);