Change filter-tag to uk-label. Change background in quick contact to primary

This commit is contained in:
Konstantinos Triantafyllou 2022-03-10 18:29:46 +02:00
parent 53a0cd733b
commit da84e94951
3 changed files with 9 additions and 9 deletions

View File

@ -4,7 +4,7 @@
refineFields.indexOf(customFilter.queryFieldName) == refineFields.indexOf(customFilter.queryFieldName) ==
-1) ||customFilter.isHiddenFilter)"> -1) ||customFilter.isHiddenFilter)">
<span class="uk-width-auto"> <span class="uk-width-auto">
<span class="filter-tag uk-flex uk-flex-middle"> <span class="uk-label uk-flex uk-flex-middle">
<span class="uk-margin-small-right uk-width-expand">{{customFilter.valueName}}</span> <span class="uk-margin-small-right uk-width-expand">{{customFilter.valueName}}</span>
</span> </span>
</span> </span>
@ -15,9 +15,9 @@
<span class="uk-width-auto"> <span class="uk-width-auto">
<a [attr.uk-tooltip]="'Remove ' + type.name" (click)="removeResultType(type.id)" <a [attr.uk-tooltip]="'Remove ' + type.name" (click)="removeResultType(type.id)"
[class.uk-disabled]="disabled"> [class.uk-disabled]="disabled">
<span class="filter-tag uk-flex uk-flex-middle"> <span class="uk-label uk-flex uk-flex-middle">
<span class="uk-margin-small-right uk-width-expand">{{type.name}}</span> <span class="uk-margin-small-right uk-width-expand">{{type.name}}</span>
<icon name="close" flex="true" ratio="0.7"></icon> <icon class="uk-text-muted" name="close" flex="true" ratio="0.7"></icon>
</span> </span>
</a> </a>
</span> </span>
@ -30,9 +30,9 @@
<span class="uk-width-auto"> <span class="uk-width-auto">
<a [attr.uk-tooltip]="'Remove ' + filter.selectedFromAndToValues" (click)="removeRangeFilter(filter)" <a [attr.uk-tooltip]="'Remove ' + filter.selectedFromAndToValues" (click)="removeRangeFilter(filter)"
[class.uk-disabled]="disabled"> [class.uk-disabled]="disabled">
<span class="filter-tag uk-flex uk-flex-middle"> <span class="uk-label uk-flex uk-flex-middle">
<span class="uk-margin-small-right uk-width-expand">{{filter.selectedFromAndToValues}}</span> <span class="uk-margin-small-right uk-width-expand">{{filter.selectedFromAndToValues}}</span>
<icon name="close" flex="true" ratio="0.7"></icon> <icon class="uk-text-muted" name="close" flex="true" ratio="0.7"></icon>
</span> </span>
</a> </a>
</span> </span>
@ -46,9 +46,9 @@
class="uk-width-auto"> class="uk-width-auto">
<a [attr.uk-tooltip]="'Remove ' + value.name" (click)="removeFilter(value, filter)" <a [attr.uk-tooltip]="'Remove ' + value.name" (click)="removeFilter(value, filter)"
[class.uk-disabled]="disabled"> [class.uk-disabled]="disabled">
<span class="filter-tag uk-flex uk-flex-middle"> <span class="uk-label uk-flex uk-flex-middle">
<span class="uk-margin-small-right uk-width-expand">{{value.name}}</span> <span class="uk-margin-small-right uk-width-expand">{{value.name}}</span>
<icon name="close" flex="true" ratio="0.7"></icon> <icon class="uk-text-muted" name="close" flex="true" ratio="0.7"></icon>
</span> </span>
</a> </a>
</span> </span>

View File

@ -4,7 +4,7 @@
right: 5vw; right: 5vw;
} }
.uk-card > .uk-background-secondary:first-child { .uk-card > .uk-background-primary:first-child {
border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;
} }

View File

@ -5,7 +5,7 @@
<span class="uk-margin-small-left">Contact</span> <span class="uk-margin-small-left">Contact</span>
</a> </a>
<div #drop id="quick-contact" class="uk-card uk-card-default uk-drop uk-overflow-auto" uk-drop="mode: click; pos: top-right; animation: uk-animation-fade"> <div #drop id="quick-contact" class="uk-card uk-card-default uk-drop uk-overflow-auto" uk-drop="mode: click; pos: top-right; animation: uk-animation-fade">
<div class="uk-background-secondary uk-padding-small uk-text-center"> <div class="uk-background-primary uk-padding-small uk-text-center">
<div class="uk-text-small"> <div class="uk-text-small">
Send a message Send a message
</div> </div>