inteligr8/alfresco-content-app
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-content-app.git synced 2025-07-31 17:38:28 +00:00
Code Issues Packages Projects Releases Wiki Activity

[ACA-1572][ACA-1573] Header fixes (#559)

Browse Source 
* [ACA-1572] header styling

* [ACA-1572] fix login logo

* [ACA-1572] header fixes
This commit is contained in:
Suzana Dirla
2018-08-10 16:29:33 +03:00
committed by Denys Vuika
parent f5d9c86c04
commit a7abe9c422
9 changed files with 365 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/app/components/current-user/current-user.component.theme.scss
View File

@@ -1,6 +1,6 @@
@mixin aca-current-user-theme($theme) {
$background: map-get($theme, background);
$am-avatar-size: 40px;
$am-avatar-size: 35px;
.aca-current-user {
font-weight: lighter;
@@ -15,7 +15,7 @@
width: $am-avatar-size;
height: $am-avatar-size;
line-height: $am-avatar-size;
font-size: 1.2em;
font-size: 1em;
text-align: center;
color: inherit;
border-radius: 100%;
@@ -29,10 +29,10 @@
overflow: hidden;
text-overflow: ellipsis;
display:inline-block;
height: 20px;
height: 18px;
font-size: 14px;
line-height: 1.43;
letter-spacing: -0.2px;
letter-spacing: -0.3px;
}
@media screen and ($mat-small) {

4
src/app/components/layout/layout.component.html
View File

@@ -17,7 +17,9 @@
<ng-template let-toggleMenu="toggleMenu">
<adf-layout-header
[logo]="logo$ | async"
[color]="'accent'"
[redirectUrl]="'/personal-files'"
[tooltip]="appName$ | async"
[color]="headerColor$ | async"
[title]="appName$ | async"
(clicked)="toggleMenu($event)">

1
src/app/components/login/login.component.html
View File

@@ -2,6 +2,7 @@
[copyrightText]="'application.copyright' | adfAppConfig"
providers="ECM"
successRoute="/personal-files"
[logoImageUrl]="'./assets/images/alfresco-logo.svg'"
[showRememberMe]="false"
[showLoginActions]="false">
</adf-login>

2
src/app/components/search/search-input-control/search-input-control.component.scss
View File

@@ -2,7 +2,7 @@
width: 1em;
.mat-icon {
font-size: 110%;
font-size: 100%;
cursor: pointer;
}
}

10
src/app/components/search/search-input/search-input.component.theme.scss
View File

@@ -15,14 +15,22 @@
.mat-form-field-underline {
background-color: mat-color($background, card);
}
.adf-input-form-field-divider {
font-size: 14px;
}
}
.adf-search-button {
.adf-search-button.mat-icon-button {
left: -15px;
margin-left: 15px;
align-items: flex-start;
font: 400 11px system-ui;
color: mat-color($background, card);
.mat-icon {
font-size: 24px;
}
}
}
}

19
src/app/ui/overrides/adf-layout-header.theme.scss
View File

@@ -3,10 +3,23 @@
.adf-layout-header {
.mat-toolbar-single-row {
color: #ffffff !important;
.adf-app-logo {
width: 100px;
height: 50px;
margin-left: 40px;
margin-left: 6px;
vertical-align: middle;
margin-top: -3px;
}
.adf-app-title {
letter-spacing: -0.3px;
}
.mat-icon-button {
margin-right: 0;
.mat-icon {
font-size: 29px;
padding: 0 5px 0 0;
}
}
}