inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-05-26 17:24:56 +00:00
Code Issues Packages Projects Releases Wiki Activity

[ADF-4584] Header RTL styling (#4746)

Browse Source
This commit is contained in:
Cilibiu Bogdan 2019-05-20 18:33:47 +03:00 committed by Denys Vuika
parent bb0bdbfc1d
commit cff9bf0930
1 changed files with 52 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

64
lib/core/layout/components/header/header.component.scss
View File

@ -11,7 +11,6 @@
.adf-menu-icon { .adf-menu-icon {
position: relative; position: relative;
margin-left: -11px;
margin-right: 0; margin-right: 0;
.mat-icon { .mat-icon {
@ -25,14 +24,12 @@
height: 28px; height: 28px;
width: 28px; width: 28px;
vertical-align: middle; vertical-align: middle;
margin-left: 6px;
margin-top: -3px; margin-top: -3px;
} }
.adf-app-title { .adf-app-title {
cursor: pointer; cursor: pointer;
outline: none; outline: none;
margin-left: 6px;
letter-spacing: -0.3px; letter-spacing: -0.3px;
font-weight: 100; font-weight: 100;
} }
@ -49,11 +46,6 @@
height: 24px; height: 24px;
width: 2px; width: 2px;
background-color: mat-color($primary, default-contrast); background-color: mat-color($primary, default-contrast);
margin-right: 16px;
}
.adf-app-layout-user-profile {
margin-right: 16px;
} }
.adf-userinfo-container { .adf-userinfo-container {
@ -61,10 +53,6 @@
padding: 0; padding: 0;
} }
.adf-userinfo-name {
padding-right: 8px;
}
@media screen and ($mat-xsmall) { @media screen and ($mat-xsmall) {
.adf-app-logo, .adf-app-logo,
.adf-app-title { .adf-app-title {
@ -72,6 +60,58 @@
} }
} }
} }
[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-app-layout-user-profile {
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-app-layout-user-profile {
margin-right: 16px;
}
.adf-userinfo-name {
padding-right: 8px;
}
}
} }