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

add a gap between icon and label of media menu (#12571)

Browse Source 
* add a gap between icon and label of media menu

* replace inline style with class

* icon alignment

Co-authored-by: Nathan Woulfe <nathan@nathanw.com.au>
This commit is contained in:
Mehrdad Babaki
2022-06-27 09:18:52 +10:00
committed by GitHub
parent c840ceecff
commit 091cb9e428
2 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/Umbraco.Web.UI.Client/src/less/navs.less
View File

@@ -272,6 +272,7 @@
color: @ui-option-type;
display: flex;
justify-content: flex-start;
align-items: center;
clear: both;
font-weight: normal;
line-height: 20px;

9
src/Umbraco.Web.UI.Client/src/views/propertyeditors/listview/listview.html
View File

@@ -50,16 +50,15 @@
<span class="caret" aria-hidden="true"></span>
</button>
<umb-dropdown ng-if="page.createDropdownOpen" on-close="page.createDropdownOpen = false">
<umb-dropdown class="umb-actions" ng-if="page.createDropdownOpen" on-close="page.createDropdownOpen = false">
<umb-dropdown-item ng-repeat="contentType in listViewAllowedTypes track by contentType.key | orderBy:'name':false">
<button type="button" ng-click="createBlank(entityType,contentType.alias)">
<umb-icon icon="{{::contentType.icon}}"></umb-icon>
{{::contentType.name}} <span ng-show="contentType.blueprints" style="text-transform: lowercase;">(<localize key="blueprints_blankBlueprint">blank</localize>)</span>
<span class="menu-label">{{::contentType.name}}</span> <span ng-show="contentType.blueprints" style="text-transform: lowercase;">(<localize key="blueprints_blankBlueprint">blank</localize>)</span>
</button>
<button type="button" ng-repeat="blueprint in contentType.blueprints track by blueprint.id | orderBy:'name':false" ng-click="createFromBlueprint(entityType, contentType.alias, blueprint.id)">
&nbsp;&nbsp;<umb-icon icon="{{::contentType.icon}}"></umb-icon>
{{::blueprint.name}}
<umb-icon icon="{{::contentType.icon}}"></umb-icon>
<span class="menu-label">{{::blueprint.name}}</span>
</button>
</umb-dropdown-item>
</umb-dropdown>