Commit 2669879f authored by jeromecambon's avatar jeromecambon Committed by benjaminParisel

fix(incorrect titles underline): Widget editor: title underline not aligned (#2682)

* New css class applied to stick to headers
parent 2e9fd5db
......@@ -2,7 +2,9 @@
<thead>
<tr>
<th class="col-xs-8" colspan="2">
<h4 class="CustomEditor-section" translate>Assets</h4>
<h4 class="CustomEditor-section">
<span class="CustomEditor-section-underline" translate>Assets</span>
</h4>
</th>
<th class="col-xs-4 Property-actions" colspan="2">
<button class="btn btn-default btn-data--help" ng-click="vm.openHelp('widget')" title="{{'Open help' | translate}}"><i class="fa fa-question-circle"></i></button>
......
......@@ -50,17 +50,21 @@
<form id="widget-form" name="widgetForm">
<div>
<h4 class="CustomEditor-section">
<translate>Description</translate>
<span class="CustomEditor-section-underline" translate>Description</span>
<i class="fa fa-info-circle CustomEditor-helper" tooltip-placement="bottom" uib-tooltip="{{'This description will be displayed as a tooltip in the palette' | translate }}" tooltip-append-to-body="true"></i>
</h4>
<textarea class="form-control textarea--widget" ng-disabled="!widget.custom" ng-attr-placeholder="{{ 'Widget description' | translate }}" ng-model="widget.description"></textarea>
</div>
<div>
<h4 class="CustomEditor-section" translate>Template</h4>
<h4 class="CustomEditor-section">
<span class="CustomEditor-section-underline" translate>Template</span>
</h4>
<ace-editor id="template" class="ace-editor--widget" ng-class="{'ace_editor-readonly': !widget.custom}" mode="html" readonly="{{!widget.custom}}" ng-model="widget.template"></ace-editor>
</div>
<div>
<h4 class="CustomEditor-section" translate>Controller</h4>
<h4 class="CustomEditor-section">
<span class="CustomEditor-section-underline" translate>Controller</span>
</h4>
<ace-editor id="controller" class="ace-editor--widget" ng-class="{'ace_editor-readonly': !widget.custom}" mode="javascript" readonly="{{!widget.custom}}" ng-model="widget.controller"></ace-editor>
</div>
</form>
......@@ -71,7 +75,7 @@
<div class="form-group">
<h4 class="CustomEditor-section">
<translate>Required angular modules</translate>
<span class="CustomEditor-section-underline" translate>Required angular modules</span>
<i class="fa fa-info-circle CustomEditor-helper" uib-tooltip="{{'Extra angular modules needed by this custom widget (comma separated)' | translate }}" tooltip-append-to-body="true"></i>
</h4>
<input type="text" class="form-control" id="requiredModules" ng-disabled="!widget.custom" ng-model="widget.requiredModules" ng-list>
......@@ -80,7 +84,9 @@
<table class="table table-striped">
<thead>
<th class="col-xs-10">
<h4 class="CustomEditor-section" translate>Properties</h4>
<h4 class="CustomEditor-section">
<span class="CustomEditor-section-underline" translate>Properties</span>
</h4>
</th>
<th class="col-xs-2 Property-actions">
<button id="create" title="Create a new property" class="btn btn-bonita-primary" ng-disabled="!widget.custom" ng-click="createOrUpdate()">
......
......@@ -47,14 +47,9 @@
margin: 1em 0 1.5em;
}
.CustomEditor-section::after {
content: '';
position: absolute;
width: 115px;
height: 2px;
bottom: -0.4em;
left: 0;
background-color: @color-custom-editor-section;
.CustomEditor-section-underline {
padding-bottom: 0.3em;
border-bottom: 2px solid currentColor;
}
.Property-actions {
......
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