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-1436] style fixes (#399)

Browse Source 
* style fixes

* fix 'search results' label colors and font
This commit is contained in:
Denys Vuika
2018-06-12 06:38:31 +01:00
committed by Cilibiu Bogdan
parent 3c01aa7f55
commit be891b18a8
6 changed files with 82 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/components/search/search.component.scss
View File

@@ -25,6 +25,8 @@
&--info-text {
flex: 1;
font-size: 16px;
color: rgba(0, 0, 0, 0.54);
}
.adf-search-filter {

1
src/app/ui/application.scss
View File

@@ -31,6 +31,5 @@ ng-component {
@import './overrides/alfresco-upload-button';
@import './overrides/alfresco-upload-dialog';
@import './overrides/toolbar';
@import './overrides/adf-info-drawer';
@import './overrides/_adf-sidebar-action-menu';

4
src/app/ui/custom-theme.scss
View File

@@ -3,6 +3,8 @@
@import '../components/sidenav/sidenav.component.theme';
@import './overrides/toolbar';
@import './overrides/adf-search-filter.theme';
@import './overrides/adf-info-drawer.theme';
@import 'snackbar';
$grey-scale: (
@@ -49,4 +51,6 @@ $custom-theme: mat-light-theme($custom-theme-primary, $custom-theme-accent);
@include sidenav-component-theme($custom-theme);
@include toolbar-component-theme($custom-theme);
@include snackbar-theme($custom-theme);
@include adf-search-filter-theme($custom-theme);
@include adf-info-drawer-theme($custom-theme);
}

50
src/app/ui/overrides/_adf-info-drawer.scss
View File

@@ -1,50 +0,0 @@
$icon-size: 48px;
.adf-info-drawer-layout {
height: 100%;
.adf-info-drawer-layout-content .adf-info-drawer-tabs .mat-tab-body-content {
.adf-manage-versions-empty,
.adf-manage-versions-no-permission {
margin: 24px;
color: rgba(0, 0, 0, 0.54);
text-align: justify;
display: flex;
flex-direction: column;
&-icon {
width: $icon-size;
height: $icon-size;
font-size: $icon-size;
margin: auto;
}
}
}
}
.adf-version-list-container,
.adf-version-manager-dialog .adf-version-list-container {
.adf-version-list {
height: auto;
}
.mat-list .mat-list-item {
&.mat-3-line {
display: flex;
align-items: center;
height: 100%;
min-height: 88px;
}
.mat-list-item-content {
padding-top: 10px;
padding-bottom: 10px;
width: 100%;
}
.mat-line.adf-version-list-item-comment {
overflow: visible;
white-space: pre-wrap;
}
}
}

60
src/app/ui/overrides/adf-info-drawer.theme.scss Normal file
View File

@@ -0,0 +1,60 @@
@mixin adf-info-drawer-theme($theme) {
$foreground: map-get($theme, foreground);
$accent: map-get($theme, accent);
$icon-size: 48px;
.adf-info-drawer {
.adf-info-drawer-layout {
height: 100%;
.mat-tab-label {
color: mat-color($accent);
}
.adf-info-drawer-layout-content .adf-info-drawer-tabs .mat-tab-body-content {
.adf-manage-versions-empty,
.adf-manage-versions-no-permission {
margin: 24px;
color: mat-color($foreground, text, 0.54);
text-align: justify;
display: flex;
flex-direction: column;
&-icon {
width: $icon-size;
height: $icon-size;
font-size: $icon-size;
margin: auto;
}
}
}
}
.adf-version-list-container,
.adf-version-manager-dialog .adf-version-list-container {
.adf-version-list {
height: auto;
}
.mat-list .mat-list-item {
&.mat-3-line {
display: flex;
align-items: center;
height: 100%;
min-height: 88px;
}
.mat-list-item-content {
padding-top: 10px;
padding-bottom: 10px;
width: 100%;
}
.mat-line.adf-version-list-item-comment {
overflow: visible;
white-space: pre-wrap;
}
}
}
}
}

16
src/app/ui/overrides/adf-search-filter.theme.scss Normal file
View File

@@ -0,0 +1,16 @@
@mixin adf-search-filter-theme($theme) {
$foreground: map-get($theme, foreground);
.adf-search-filter {
.mat-expansion-panel-header-title {
font-size: 14px;
color: mat-color($foreground, text, 0.87);
}
.mat-checkbox-label,
.mat-radio-label {
color: mat-color($foreground, text, 0.54);
}
}
}