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

Update icons in umb-tree-search-results component (#9757)

Browse Source 
* Avoid use of ng-if

* Green class is not necessary

* Ensure button element use full width

* Left align text inside button element
This commit is contained in:
Bjarne Fyrstenborg
2021-02-07 02:50:20 +01:00
committed by GitHub
parent 37402c5ba4
commit 55124fff81
2 changed files with 9 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -132,7 +132,6 @@ body.touch .umb-tree {
.umb-tree .umb-search-group {
position: inherit;
display: inherit;
list-style: none;
h6 {
@@ -155,6 +154,8 @@ body.touch .umb-tree {
&-link {
display: block;
width: 100%;
text-align: left;
}
&-name {

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

@@ -7,13 +7,14 @@
<li class="root">
<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}">
<button type="button" class="btn-reset umb-search-group-item-link" ng-class="{first:$first}"
ng-click="selectResultCallback($event, result)">
<div ng-class="{ 'umb-tree-node-checked': result.selected }">
<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 icon="{{result.selected ? 'icon-check' : result.icon}}"
class="icon umb-tree-icon sprTree {{result.selected ? 'icon-check' : result.icon}}">
</umb-icon>
<span class="umb-search-group-item-name__text">{{ result.name }}</span>
</span>