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-2604] Search result/input color update (#1380)

Browse Source
This commit is contained in:
Baptiste Mahé
2020-03-26 19:07:49 +01:00
committed by GitHub
parent 1558d9411b
commit 69c92cf275
3 changed files with 32 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -10,7 +10,7 @@ $top-margin: 12px;
$border: 1px solid mat-color($foreground, divider, 0.07); $border: 1px solid mat-color($foreground, divider, 0.07);
.app-search-container { .app-search-container {
color: mat-color($foreground, text, 0.54); color: mat-color($foreground, text, 0.72);
.app-input-form-field { .app-input-form-field {
.mat-input-element { .mat-input-element {

46
src/app/components/search/search-results-row/search-results-row.component.scss
View File

@@ -1,24 +1,36 @@
@import 'mixins'; @import 'mixins';
.aca-search-results-row { @mixin aca-result-row-theme($theme) {
@include flex-column; $primary: map-get($theme, primary);
} $foreground: map-get($theme, foreground);
.line { .aca-search-results-row {
margin: 5px; @include flex-column;
} }
.bold { .line {
font-weight: 400; margin: 5px;
color: rgba(0, 0, 0, 0.87); }
}
.link { .bold {
text-decoration: none; font-weight: 400;
color: rgba(0, 0, 0, 0.87); color: mat-color($foreground, text, 0.87);
} }
.link:hover { .link {
color: #2196f3; text-decoration: none;
text-decoration: underline; color: mat-color($foreground, text, 0.87);
}
.link:hover,
.aca-location-link .adf-datatable-cell-value:hover {
color: mat-color($primary) !important;
text-decoration: underline;
}
.adf-is-selected .link:not(:hover),
.adf-is-selected .aca-location-link .adf-datatable-cell-value:not(:hover) {
text-decoration: none;
color: mat-color($primary, A400) !important;
}
} }

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

@@ -3,6 +3,7 @@
@import '../components/sidenav/sidenav.component.theme'; @import '../components/sidenav/sidenav.component.theme';
@import '../components/search/search-input/search-input.component.theme'; @import '../components/search/search-input/search-input.component.theme';
@import '../components/search/search-results-row/search-results-row.component.scss';
@import '../components/settings/settings.component.theme'; @import '../components/settings/settings.component.theme';
@import '../components/current-user/current-user.component.theme'; @import '../components/current-user/current-user.component.theme';
@import '../components/permissions/permission-manager/permission-manager.component.theme'; @import '../components/permissions/permission-manager/permission-manager.component.theme';
@@ -61,6 +62,7 @@ $warn: map-get($custom-theme, warn);
@mixin custom-theme($theme) { @mixin custom-theme($theme) {
@include layout-theme($theme); @include layout-theme($theme);
@include aca-search-input-theme($theme); @include aca-search-input-theme($theme);
@include aca-result-row-theme($theme);
@include app-permission-manager-theme($theme); @include app-permission-manager-theme($theme);
@include aca-node-versions-dialog-theme($theme); @include aca-node-versions-dialog-theme($theme);
@include aca-settings-theme($theme); @include aca-settings-theme($theme);