mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-05-19 17:14:57 +00:00
b3140b626c
* [AAE-6057] Customize text color in the header * [AAE-6057] Updates documents * [AAE-6057] Use css variables to update header colors * Revert "[AAE-6057] Updates documents" This reverts commit 1915535c01b77c58d9a6d87bb242e04715bcbc6f. * [AAE-6057] Fix for css name change * [AAE-6057] Removing has-mat-color * [AAE-6057] Removing redundant tests
109 lines
1.9 KiB
SCSS
109 lines
1.9 KiB
SCSS
|
|
adf-layout-header .mat-toolbar-single-row {
|
|
color: var(--adf-header-text-color) !important;
|
|
background-color: var(--adf-header-background-color);
|
|
position: relative;
|
|
padding: 0 24px;
|
|
|
|
.adf-menu-icon {
|
|
position: relative;
|
|
margin-right: 0;
|
|
|
|
.mat-icon {
|
|
font-size: 29px;
|
|
padding: 0 5px 0 0;
|
|
}
|
|
}
|
|
|
|
.adf-app-logo {
|
|
position: relative;
|
|
height: 28px;
|
|
vertical-align: middle;
|
|
margin-top: -3px;
|
|
}
|
|
|
|
.adf-app-title {
|
|
cursor: pointer;
|
|
letter-spacing: -0.3px;
|
|
font-weight: 100;
|
|
}
|
|
|
|
.adf-toolbar-divider {
|
|
margin: 0 5px;
|
|
|
|
& > div {
|
|
background-color: var(--theme-card-bg-color);
|
|
}
|
|
}
|
|
|
|
.adf-header-delimiter {
|
|
height: 24px;
|
|
width: 2px;
|
|
background-color: var(--theme-primary-color-default-contrast);
|
|
}
|
|
|
|
.adf-userinfo-container {
|
|
flex-direction: row;
|
|
padding: 0;
|
|
}
|
|
|
|
@media screen and (max-width: 599px) {
|
|
.adf-app-logo,
|
|
.adf-app-title {
|
|
display: none;
|
|
}
|
|
}
|
|
}
|
|
|
|
[dir='rtl'] adf-layout-header .mat-toolbar-single-row {
|
|
.adf-menu-icon {
|
|
margin-right: -11px;
|
|
}
|
|
|
|
.adf-app-logo {
|
|
margin-right: 6px;
|
|
}
|
|
|
|
.adf-app-title {
|
|
margin-right: 6px;
|
|
}
|
|
|
|
.adf-header-delimiter {
|
|
margin-left: 16px;
|
|
}
|
|
|
|
.adf-userinfo-container {
|
|
margin-left: 16px;
|
|
}
|
|
|
|
.adf-userinfo-name {
|
|
padding-left: 8px;
|
|
}
|
|
}
|
|
|
|
[dir='ltr'] adf-layout-header .mat-toolbar-single-row {
|
|
.adf-menu-icon {
|
|
margin-left: -11px;
|
|
}
|
|
|
|
.adf-app-logo {
|
|
margin-left: 6px;
|
|
}
|
|
|
|
.adf-app-title {
|
|
margin-left: 6px;
|
|
}
|
|
|
|
.adf-header-delimiter {
|
|
margin-right: 16px;
|
|
}
|
|
|
|
.adf-userinfo-container {
|
|
margin-right: 16px;
|
|
}
|
|
|
|
.adf-userinfo-name {
|
|
padding-right: 8px;
|
|
}
|
|
}
|