Commit 7da39525 authored by Colin PUY's avatar Colin PUY

Add icon on widget properties

parent 7e22ac83
......@@ -45,6 +45,9 @@
label: gettext('Collection'),
help: gettext('Number of array elements defines the number of times the container structure is repeated. Array data is available to widgets in the container'),
caption: gettext('Repeat container content. Variable of type array'),
icon: {
className: 'fa fa-list-ul'
},
type: 'string',
bond: 'variable'
}
......
......@@ -75,6 +75,10 @@
text-align: center;
}
.PropertyPanel-PropertyIcon {
padding-right: 0.3em;
}
/**
* properties toolbar
*/
......
<div class="form-group" ng-if="isDisplayed()" data-property="{{ property.name }}">
<div class="property-label">
<label>{{ property.label | translate }} <i class="fa fa-info-circle" ng-if="property.help"
<label><i ng-if="property.icon" class="PropertyPanel-PropertyIcon" ng-class="property.icon.className"></i> {{ property.label | translate }} <i class="fa fa-info-circle" ng-if="property.help"
tooltip="{{property.help | translate}}"
tooltip-append-to-body="true"></i></label>
<small class="help-block" ng-bind-html="property.caption | translate"></small>
......
......@@ -3,6 +3,7 @@
@widget-active-background: #ecf7ff;
@row-border-color: #aaa;
@row-border-active-color: #888;
@widget-placeholder-color: #aaa;
/**
* Caption
......@@ -27,7 +28,7 @@
.component-caption--row {
left: -5px;
background-color: @row-border-color;
box-shadow: 0 0 4px #aaa;
box-shadow: 0 0 4px @row-border-color;
top: -1.85em;
}
......@@ -191,7 +192,7 @@
.bo-dropzone-hover.widget-placeholder::before {
background-color: #ddd;
border-color: #999;
color: #aaa;
color: @widget-placeholder-color;
left: 15px;
right: 15px;
}
......@@ -213,9 +214,9 @@
.Component-marker {
position: absolute;
z-index: 99;
right: 1.4em;
top: 0.5em;
color: #aaa;;
right: 18px;
top: 6px;
color: @widget-placeholder-color;
background-color: transparent;
}
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment