inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-06-09 17:44:59 +00:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
dominikiwanekhyland 2024-05-28 15:23:09 +02:00 committed by VitoAlbano
parent 5ca8e7edc5
commit 29252eefe9
1 changed files with 9 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
lib/core/src/lib/info-drawer/info-drawer.component.scss
View File

@ -40,7 +40,7 @@
margin-bottom: 0; margin-bottom: 0;
} }
.mdc-tab__text-label { #{$mat-tab-label-text} {
flex-grow: 1; flex-grow: 1;
#{$mat-icon} + span { #{$mat-icon} + span {
@ -63,31 +63,36 @@
} }
} }
/* stylelint-disable-next-line no-descending-specificity */
.adf-info-drawer-tabs { .adf-info-drawer-tabs {
#{$mat-tab-label-container} { #{$mat-tab-label-container} {
border-bottom: 1px solid rgba(0, 0, 0, 0.12); 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); color: var(--adf-info-drawer-tab-default-color);
background-color: var(--adf-info-drawer-tab-default-background); background-color: var(--adf-info-drawer-tab-default-background);
border-bottom: var(--adf-info-drawer-tab-default-bottom-line); border-bottom: var(--adf-info-drawer-tab-default-bottom-line);
opacity: 1; opacity: 1;
&#{$mat-tab-label} {
flex-grow: 1;
}
&:has(span) { &:has(span) {
height: 32px; height: 32px;
} }
&--active { &--active {
color: var(--adf-info-drawer-tab-active-unfocused-color); 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); border-bottom: 1px solid var(--adf-info-drawer-tab-active-unfocused-bottom-line);
&:focus { &:focus {
color: var(--adf-info-drawer-tab-active-focused-color); color: var(--adf-info-drawer-tab-active-focused-color);
border-bottom: var(--adf-info-drawer-tab-active-focused-bottom-line); border-bottom: var(--adf-info-drawer-tab-active-focused-bottom-line);
}
} }
}
&:hover:not([class*='--disabled'], [class*='--active']) { &:hover:not([class*='--disabled'], [class*='--active']) {
color: var(--adf-info-drawer-tab-hover-color); color: var(--adf-info-drawer-tab-hover-color);