fix: 修改右侧表单样式

editor-app/configuration/properties/calledelementtype-property-write-template.html

 
 <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

 
 <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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

 <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

 
 <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

 
 <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

@@ -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

 
 <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

@@ -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

 
 <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

 
 <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

@@ -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

@@ -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>

styles/common/style.css

@@ -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 {