From 88bbfc1655dc931278bfcfddfcff276044c2a8c6 Mon Sep 17 00:00:00 2001 From: DominikIwanek Date: Tue, 28 May 2024 09:55:27 +0200 Subject: [PATCH] [ACS-8052] Inputs for general info for libraries --- .../src/lib/info-drawer/info-drawer.component.scss | 13 +++++++++---- 1 file changed, 9 insertions(+), 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 index 8d83aae1125..5baab4dea2a 100644 --- 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);