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

Make it possible to add ellipsis on actions that invokes dialogs by means of OpensDialog on IAction

Browse Source
This commit is contained in:
Kenn Jacobsen
2018-10-25 14:54:36 +02:00
parent 3652a96687
commit 4cfac8da16
36 changed files with 101 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -51,6 +51,15 @@
text-decoration: none;
}
.umb-action {
&.-opens-dialog {
.menu-label:after {
// adds an ellipsis (...) after the menu label for actions that open a dialog
content: '\2026';
}
}
}
.umb-actions-child {
.umb-action {

4
src/Umbraco.Web.UI.Client/src/views/components/application/umb-contextmenu.html
View File

@@ -5,7 +5,7 @@
<div class='umb-modalcolumn-body'>
<ul class="umb-actions">
<li data-element="action-{{action.alias}}" ng-click="executeMenuItem(action)" class="umb-action" ng-class="{sep:action.seperator}" ng-repeat="action in menuActions">
<li data-element="action-{{action.alias}}" ng-click="executeMenuItem(action)" class="umb-action" ng-class="{sep:action.seperator, '-opens-dialog': action.opensDialog}" ng-repeat="action in menuActions">
<a class="umb-action-link" prevent-default>
<i class="icon icon-{{action.cssclass}}"></i>
<span class="menu-label">{{action.name}}</span>
@@ -13,4 +13,4 @@
</li>
</ul>
</div>
</div>
</div>