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

allow node preview content to wrap

Browse Source
This commit is contained in:
Nathan Woulfe
2019-10-02 20:01:02 +10:00
committed by Sebastiaan Janssen
parent 35c8c40340
commit cbcef8ba6c
2 changed files with 13 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/Umbraco.Web.UI.Client/src/less/components/umb-node-preview.less
View File

@@ -3,6 +3,7 @@
display: flex;
box-sizing: border-box;
border-bottom: 1px solid @gray-9;
flex-wrap: wrap;
}
.umb-editor-wrapper .umb-node-preview {
@@ -64,6 +65,7 @@
flex: 0 0 auto;
display: flex;
align-items: center;
margin-left: auto;
}
.umb-node-preview__action {

20
src/Umbraco.Web.UI.Client/src/views/components/umb-node-preview.html
View File

@@ -1,15 +1,17 @@
<div class="umb-node-preview" ng-class="{'umb-node-preview--sortable': sortable, 'umb-node-preview--unpublished': published === false }">
<i ng-if="icon" class="umb-node-preview__icon {{ icon }}" aria-hidden="true"></i>
<div class="umb-node-preview__content">
<div class="flex"> <!-- div keeps icon and nodename from wrapping -->
<i ng-if="icon" class="umb-node-preview__icon {{ icon }}" aria-hidden="true"></i>
<div class="umb-node-preview__content">
<div class="umb-node-preview__name" ng-attr-title="{{alias}}">{{ name }}</div>
<div class="umb-node-preview__description" ng-if="description">{{ description }}</div>
<div class="umb-node-preview__name" ng-attr-title="{{alias}}">{{ name }}</div>
<div class="umb-node-preview__description" ng-if="description">{{ description }}</div>
<div class="umb-user-group-preview__permissions" ng-if="permissions">
<span>
<span class="bold"><localize key="general_rights">Permissions</localize>:</span>
<span ng-repeat="permission in permissions" class="umb-user-group-preview__permission">{{ permission.name }}</span>
</span>
<div class="umb-user-group-preview__permissions" ng-if="permissions">
<span>
<span class="bold"><localize key="general_rights">Permissions</localize>:</span>
<span ng-repeat="permission in permissions" class="umb-user-group-preview__permission">{{ permission.name }}</span>
</span>
</div>
</div>
</div>
<div class="umb-node-preview__actions">