Skip to content

F
flowable-engine-fontend
Commit 0d194d73 authored by 王万里's avatar 王万里
Browse files
Options

fix: 修改右侧表单样式

parent d227677e
Hide whitespace changes
Inline Side-by-side
Showing with 42 additions and 38 deletions
editor-app/configuration/properties/calledelementtype-property-write-template.html
View file @ 0d194d73
<div ng-controller="FlowableCalledElementTypeCtrl">
<select ng-model="property.value" ng-change="calledElementTypeChanged ()" style="width: 100%;">
<select ng-model="property.value" ng-change="calledElementTypeChanged ()" style="width: 100%;height: 25px;line-height: 25px;border: none;">
<option>key</option>
<option>id</option>
</select>
......
editor-app/configuration/properties/event-channel-type-property-write-template.html
View file @ 0d194d73
<div ng-controller="FlowableEventRegistryChannelTypeCtrl">
<select ng-model="property.value" ng-change="channelTypeChanged()" style="width: 100%;">
<select ng-model="property.value" ng-change="channelTypeChanged()" style="width: 100%;height: 25px;line-height: 25px;border: none;">
<option></option>
<option>jms</option>
<option>kafka</option>
......
editor-app/configuration/properties/event-correlation-parameters-popup.html
View file @ 0d194d73
......@@ -28,7 +28,7 @@
</div>
<div class="form-group">
<label for="typeField">{{'PROPERTY.EVENTCORRELATIONPARAMETERS.TYPE' | translate}}</label>
<select id="typeField" class="form-control" ng-model="selectedParameter.type" style="width: 100%;">
<select id="typeField" class="form-control" ng-model="selectedParameter.type" style="width: 100%;height: 25px;line-height: 25px;border: none;">
<option>string</option>
<option>integer</option>
<option>double</option>
......
editor-app/configuration/properties/event-in-parameters-popup.html
View file @ 0d194d73
......@@ -31,7 +31,7 @@
</div>
<div class="form-group">
<label for="eventTypeField">{{'PROPERTY.EVENTINPARAMETERS.EVENTTYPE' | translate}}</label>
<select id="eventTypeField" class="form-control" ng-model="selectedParameter.eventType" style="width: 100%;">
<select id="eventTypeField" class="form-control" ng-model="selectedParameter.eventType" style="width: 100%;height: 25px;line-height: 25px;border: none;">
<option>string</option>
<option>integer</option>
<option>double</option>
......
editor-app/configuration/properties/event-listeners-popup.html
View file @ 0d194d73
......@@ -30,7 +30,7 @@
<label>{{'PROPERTY.EVENTLISTENERS.EVENTS' | translate}}</label>
<div ng-repeat="eventDefinition in selectedListener.events">
<select id="eventField" class="form-control" ng-model="eventDefinition.event" ng-change="listenerDetailsChanged()"
style="display:inline-block; width:80%;margin-bottom: 10px;" style="width: 100%;">
style="display:inline-block; width:80%;margin-bottom: 10px;" style="width: 100%;height: 25px;line-height: 25px;border: none;">
<option>ACTIVITY_CANCELLED</option>
<option title="{{'EVENT_TYPE.ACTIVITY.COMPENSATE.TOOLTIP' | translate}}">ACTIVITY_COMPENSATE</option>
<option title="{{'EVENT_TYPE.ACTIVITY.COMPLETED.TOOLTIP' | translate}}">ACTIVITY_COMPLETED</option>
......@@ -110,7 +110,7 @@
</div>
<div class="form-group" ng-if="selectedListener.rethrowEvent">
<label for="delegateExpressionField">{{'PROPERTY.EVENTLISTENERS.RETHROWTYPE' | translate}}</label>
<select id="rethrowTypeField" class="form-control" ng-model="selectedListener.rethrowType" ng-change="rethrowTypeChanged()" style="width: 100%;">
<select id="rethrowTypeField" class="form-control" ng-model="selectedListener.rethrowType" ng-change="rethrowTypeChanged()" style="width: 100%;height: 25px;line-height: 25px;border: none;">
<option>error</option>
<option>message</option>
<option>signal</option>
......
editor-app/configuration/properties/event-out-parameters-popup.html
View file @ 0d194d73
......@@ -28,7 +28,7 @@
</div>
<div class="form-group">
<label for="eventTypeField">{{'PROPERTY.EVENTOUTPARAMETERS.EVENTTYPE' | translate}}</label>
<select id="eventTypeField" class="form-control" ng-model="selectedParameter.eventType" style="width: 100%;">
<select id="eventTypeField" class="form-control" ng-model="selectedParameter.eventType" style="width: 100%;height: 25px;line-height: 25px;border: none;">
<option>string</option>
<option>integer</option>
<option>double</option>
......
editor-app/configuration/properties/execution-listeners-popup.html
View file @ 0d194d73
......@@ -28,7 +28,7 @@
<div class="form-group">
<label for="eventField">{{'PROPERTY.EXECUTIONLISTENERS.EVENT' | translate}}</label>
<select id="eventField" class="form-control" ng-model="selectedListener.event" style="width: 100%;">
<select id="eventField" class="form-control" ng-model="selectedListener.event" style="width: 100%;height: 25px;line-height: 25px;border: none;">
<option>start</option>
<option>end</option>
<option>take</option>
......
editor-app/configuration/properties/form-properties-popup.html
View file @ 0d194d73
......@@ -36,7 +36,7 @@
</div>
<div class="form-group">
<label for="typeField">{{'PROPERTY.FORMPROPERTIES.TYPE' | translate}}</label>
<select id="typeField" class="form-control" ng-model="selectedProperty.type" ng-change="propertyTypeChanged()" style="width: 100%;">
<select id="typeField" class="form-control" ng-model="selectedProperty.type" ng-change="propertyTypeChanged()" style="width: 100%;height: 25px;line-height: 25px;border: none;">
<option>string</option>
<option>long</option>
<option>boolean</option>
......
editor-app/configuration/properties/form-reference-popup.html
View file @ 0d194d73
......@@ -9,9 +9,11 @@
<span ng-show="selectedForm != null"> - {{selectedForm.name}}</span>
<span ng-show="selectedForm == null"> - {{'PROPERTY.FORMREFERENCE.EMPTY' | translate}}</span>
</h2>
<div style="position: absolute;top: 42px;right: 60px;">
<input type="text" placeholder="" id="formName" style="width: 200px;" ng-model="formName">
<button ng-click="getFormList()">search</button>
<div style="position: absolute;top: 18px;right: 60px;display: flex;justify-content: center;align-items: center;">
<input type="text" placeholder="" id="formName" style="width: 200px;height: 25px;margin: 2px;padding: 0px 5px;outline: none;border: none !important;box-shadow: none !important;" ng-model="formName">
<button class="btn btn-primary btn-xs" ng-click="getFormList()">
<span class="glyphicon glyphicon-search" aria-hidden="true"></span>
</button>
</div>
</div>
<div class="modal-header" ng-if="popup.state == 'newForm'">
......
editor-app/configuration/properties/http-request-method-property-write-template.html
View file @ 0d194d73
<div ng-controller="FlowableHttpRequestMethodCtrl">
<select ng-model="property.value" ng-change="httpRequestMethodChanged()" style="width: 100%;">
<select ng-model="property.value" ng-change="httpRequestMethodChanged()" style="width: 100%;height: 25px;line-height: 25px;border: none;">
<option>GET</option>
<option>POST</option>
<option>PUT</option>
......
editor-app/configuration/properties/multiinstance-property-write-template.html
View file @ 0d194d73
<div ng-controller="FlowableMultiInstanceCtrl">
<select ng-model="property.value" ng-change="multiInstanceChanged()" style="width: 100%;">
<select ng-model="property.value" ng-change="multiInstanceChanged()" style="width: 100%;height: 25px;line-height: 25px;border: none;">
<option>None</option>
<option>Parallel</option>
<option>Sequential</option>
......
editor-app/configuration/properties/ordering-property-write-template.html
View file @ 0d194d73
<div ng-controller="FlowableOrderingCtrl">
<select ng-model="property.value" ng-change="orderingChanged()" style="width: 100%;">
<select ng-model="property.value" ng-change="orderingChanged()" style="width: 100%;height: 25px;line-height: 25px;border: none;">
<option>Parallel</option>
<option>Sequential</option>
</select>
......
editor-app/configuration/properties/plan-item-lifecycle-listeners-popup.html
View file @ 0d194d73
......@@ -28,7 +28,7 @@
<div class="form-group">
<label for="sourceStateField">{{'PROPERTY.PLANITEMLIFECYCLELISTENERS.SOURCE_STATE' | translate}}</label>
<select id="sourceStateField" class="form-control" ng-model="selectedListener.sourceState" style="width: 100%;">
<select id="sourceStateField" class="form-control" ng-model="selectedListener.sourceState" style="width: 100%;height: 25px;line-height: 25px;border: none;">
<option>active</option>
<option>available</option>
<option>enabled</option>
......@@ -44,7 +44,7 @@
</div>
<div class="form-group">
<label for="targetStateField">{{'PROPERTY.PLANITEMLIFECYCLELISTENERS.TARGET_STATE' | translate}}</label>
<select id="targetStateField" class="form-control" ng-model="selectedListener.targetState" style="width: 100%;">
<select id="targetStateField" class="form-control" ng-model="selectedListener.targetState" style="width: 100%;height: 25px;line-height: 25px;border: none;">
<option>active</option>
<option>available</option>
<option>enabled</option>
......
editor-app/configuration/properties/process-historylevel-property-write-template.html
View file @ 0d194d73
<div ng-controller="FlowableProcessHistoryLevelCtrl">
<select ng-model="property.value" ng-change="historyLevelChanged()" style="width: 100%;">
<select ng-model="property.value" ng-change="historyLevelChanged()" style="width: 100%;height: 25px;line-height: 25px;border: none;">
<option></option>
<option>none</option>
<option>activity</option>
......
editor-app/configuration/properties/task-listeners-popup.html
View file @ 0d194d73
......@@ -28,7 +28,7 @@
<div class="form-group">
<label for="eventField">{{'PROPERTY.TASKLISTENERS.EVENT' | translate}}</label>
<select id="eventField" class="form-control" ng-model="selectedListener.event" style="width: 100%;">
<select id="eventField" class="form-control" ng-model="selectedListener.event" style="width: 100%;height: 25px;line-height: 25px;border: none;">
<option>create</option>
<option>assignment</option>
<option>complete</option>
......
editor-app/configuration/properties/transition-event-write-template.html
View file @ 0d194d73
<div ng-controller="FlowableTransitionEventCtrl">
<select ng-model="property.value" ng-change="transitionEventChanged()" style="width: 100%;">
<select ng-model="property.value" ng-change="transitionEventChanged()" style="width: 100%;height: 25px;line-height: 25px;border: none;">
<option>complete</option>
<option>exit</option>
<option>occur</option>
......
editor-app/configuration/properties/trigger-mode-write-template.html
View file @ 0d194d73
<div ng-controller="FlowableTriggerModeCtrl">
<select ng-model="property.value" ng-change="triggerModeChanged()" style="width: 100%;">
<select ng-model="property.value" ng-change="triggerModeChanged()" style="width: 100%;height: 25px;line-height: 25px;border: none;">
<option>default</option>
<option>onEvent</option>
</select>
......
editor-app/css/style.css
View file @ 0d194d73
......@@ -278,7 +278,7 @@ div.propertySection {
.selected-item-title {
font-size: 18px;
font-weight: bold;
padding: 8px 0 8px 0px;
padding: 8px 0 8px 8px;
border-bottom: 1px solid #a4acb9;
cursor: pointer;
}
......@@ -352,10 +352,13 @@ div.propertySection {
float: left;
margin: 2px 2%;
padding: 0;
min-height: 25px;
/* min-height: 25px; */
height: 30px;
line-height: 30px;
}
.property-row span.value {
font-size: 12px;
cursor: pointer;
width: 46%;
padding: 0;
......@@ -367,9 +370,9 @@ div.propertySection {
}
.property-row span.title {
font-size: 13px;
font-weight: bold;
width: 46%;
font-size: 12px;
font-weight: normal;
width: 45%;
}
.property-row span.title-removed {
......
editor-app/editor.html
View file @ 0d194d73
......@@ -145,19 +145,14 @@
</div>
<div class="selected-item-body">
<div>
<div class="property-row" ng-repeat="property in selectedItem.properties"
ng-click="propertyClicked($index)" ng-class="{'clear' : $index%2 == 0}">
<div class="property-row" ng-repeat="property in selectedItem.properties" ng-click="propertyClicked($index)" ng-class="{'clear' : $index%2 == 0}">
<span class="title" ng-if="!property.hidden" title="{{ property.description | translate}}">{{ property.title | translate }}&nbsp;:</span>
<span class="title-removed" ng-if="property.hidden"><i>{{ property.title }}&nbsp;({{'PROPERTY.REMOVED' | translate}})&nbsp;:</i></span>
<span class="value">
<ng-include
src="getPropertyTemplateUrl($index)"
ng-if="!property.hasReadWriteMode"></ng-include>
<ng-include src="getPropertyReadModeTemplateUrl($index)"
ng-if="property.hasReadWriteMode && property.mode == 'read'"></ng-include>
<ng-include src="getPropertyWriteModeTemplateUrl($index)"
ng-if="property.hasReadWriteMode && property.mode == 'write'"></ng-include>
</span>
<ng-include src="getPropertyTemplateUrl($index)" ng-if="!property.hasReadWriteMode"></ng-include>
<ng-include src="getPropertyReadModeTemplateUrl($index)" ng-if="property.hasReadWriteMode && property.mode == 'read'"></ng-include>
<ng-include src="getPropertyWriteModeTemplateUrl($index)" ng-if="property.hasReadWriteMode && property.mode == 'write'"></ng-include>
</span>
</div>
</div>
</div>
......
libs/bootstrap_3.1.1/css/bootstrap.min.css
View file @ 0d194d73
This source diff could not be displayed because it is too large. You can view the blob instead.
styles/common/style.css
View file @ 0d194d73
......@@ -1709,9 +1709,13 @@ h3+div > .dropzone {
.modal .modal-header {
position: relative;
background-color: #e8edf1;
min-height: 60px;
/* min-height: 60px; */
border-bottom: 1px solid #a4acb9;
padding: 15px 15px;
padding: 5px 15px;
display: flex;
justify-content: space-between;
align-items: center;
flex-direction: row-reverse;
}
.modal-header .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