yv01p/Umbraco-CMS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Various fixes in the view

Browse Source
This commit is contained in:
BatJan
2020-10-01 21:02:36 +02:00
committed by Nathan Woulfe
parent c9bf1a0bc2
commit f3ec66be4c
2 changed files with 20 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/Umbraco.Web.UI.Client/src/less/components/tree/umb-tree.less
View File

@@ -155,6 +155,14 @@ body.touch .umb-tree {
&-link {
display: block;
}
&-name {
display: flex;
&__text {
margin: 1px 0 0;
}
}
}
&-link {

20
src/Umbraco.Web.UI.Client/src/views/components/tree/umb-tree-search-results.html
View File

@@ -1,6 +1,6 @@
<div>
<umb-empty-state ng-if="results.length === 0" position="{{emptySearchResultPosition}}">
<localize key="general_searchNoResult"></localize>
<localize key="general_searchNoResult">Sorry, we can not find what you are looking for.</localize>
</umb-empty-state>
<ul class="umb-tree">
@@ -8,13 +8,17 @@
<ul class="umb-search-group">
<li class="umb-search-group-item" ng-repeat="result in results">
<div ng-class="{'umb-tree-node-checked' : result.selected}">
<a href class="umb-search-group-item-link" ng-class="{first:$first}" ng-click="selectResultCallback($event, result)">
<div class="umb-search-group-item-name">
<i class="icon umb-tree-icon sprTree {{result.icon}}"></i>
{{result.name}}
</div>
<small class="search-subtitle" ng-if="result.subTitle">{{result.subTitle}}</small>
</a>
<button type="button" class="btn-reset umb-search-group-item-link" ng-class="{first:$first}"
ng-click="selectResultCallback($event, result)">
<span class="umb-search-group-item-name">
<umb-icon ng-if="result.selected" icon="icon-check" class="icon umb-tree-icon green sprTree icon-check">
</umb-icon>
<umb-icon ng-if="!result.selected" icon="{{result.icon}}" class="icon umb-tree-icon sprTree {{result.icon}}">
</umb-icon>
<span class="umb-search-group-item-name__text">{{ result.name }}</span>
</span>
<small class="search-subtitle" ng-if="result.subTitle">{{ result.subTitle }}</small>
</button>
</div>
</li>
</ul>