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

Make sure the expand icon is never faded in mini list views (#13661)

Browse Source
This commit is contained in:
Kenn Jacobsen
2023-01-12 10:48:28 +01:00
committed by GitHub
parent 0c694c4b9d
commit 75a85bab0f
2 changed files with 6 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/Umbraco.Web.UI.Client/src/less/listview.less
View File

@@ -153,8 +153,10 @@
.umb-minilistview {
.umb-table-row.not-allowed {
cursor: not-allowed;
.umb-minilistview__fade-not-allowed {
opacity: 0.6;
cursor: not-allowed;
}
}
div.umb-mini-list-view__breadcrumb {

6
src/Umbraco.Web.UI.Client/src/views/components/umb-mini-list-view.html
View File

@@ -64,12 +64,12 @@
ng-class="{'-selected':child.selected, 'not-allowed':!child.allowed}">
<div class="umb-table-cell umb-table-cell--auto-width" ng-class="{'umb-table-cell--faded':child.published === false}">
<div class="flex items-center">
<umb-icon icon="icon-navigation-right" class="umb-table__row-expand" ng-click="openNode($event, child)" ng-class="{'umb-table__row-expand--hidden': child.metaData.hasChildren !== true}">&nbsp;</umb-icon>
<umb-icon icon="{{child.icon}}" class="umb-table-body__icon umb-table-body__fileicon"></umb-icon>
<umb-icon icon="icon-navigation-right" class="umb-table__row-expand cursor-pointer" ng-click="openNode($event, child)" ng-class="{'umb-table__row-expand--hidden': child.metaData.hasChildren !== true}">&nbsp;</umb-icon>
<umb-icon icon="{{child.icon}}" class="umb-table-body__icon umb-table-body__fileicon umb-minilistview__fade-not-allowed"></umb-icon>
<umb-icon icon="icon-check" class="umb-table-body__icon umb-table-body__checkicon"></umb-icon>
</div>
</div>
<div class="umb-table-cell black" ng-class="{'umb-table-cell--faded':child.published === false}">{{ child.name }}</div>
<div class="umb-table-cell black umb-minilistview__fade-not-allowed" ng-class="{'umb-table-cell--faded':child.published === false}">{{ child.name }}</div>
</div>
<!-- Show a message when no items are found, depending on whether you searched or the list was empty anyway -->