add: 修改编辑器样式

editor-app/css/style.css

@@ -99,7 +99,8 @@
     border-right: 1pt solid #c7cacd;
     overflow: auto;
     z-index: 5000;
-    height: 746px !important;
+    /* height: 746px !important; */
+    height: 100vh !important;
 }
 
  /*滚动条样式*/
@@ -295,10 +296,10 @@ div.propertySection {
     font-size: 14px;
 }
 .pull-right-btn{
-    /* position: fixed; */
+    position: fixed;
     z-index: 999;
-    /* top: 418px; */
-    /* right: 300px; */
+    top: 418px;
+    right: 405px;
     margin-right: 20px;
     cursor: pointer;
 }
@@ -316,7 +317,8 @@ div.propertySection {
 }
 .selected-item-section{
     background: rgb(232, 237, 241);
-    width: 100%;
+    /* width: 100%; */
+    width: 100vh;
 }
 .selected-item-section > div > .pull-right {
     line-height: 50px;

editor-app/editor.html

@@ -54,8 +54,8 @@
 	                        {{item.name | translate}}
 	                    </li>
                     </ul>
-			     </div>
-		      </div>
+			    </div>
+		    </div>
 		      <!-- <div id="process-treeview-wrapper" ng-controller="ProcessNavigatorController">
                     <div class="process-treeview-header">
                         {{'GENERAL.OTHERS.PROCESS_NAVIGATOR' | translate}}
@@ -74,11 +74,11 @@
                         </div>
                     </div>
               </div> -->
-              <div id="paletteSectionFooter">
-                  <i class="glyphicon glyphicon-chevron-left"></i>
-              </div>
+            <div id="paletteSectionFooter">
+                <i class="glyphicon glyphicon-chevron-left"></i>
+            </div>
           </div>
-	      <div id="contentCanvasWrapper row" style="width: 100%;">
+	      <div id="contentCanvasWrapper row" style="width: 100%;overflow-x: auto;">
                 <div id="paletteSectionOpen" class="hidden">
                     <i class="glyphicon glyphicon-chevron-right"></i>
                 </div>
@@ -126,7 +126,7 @@
                         <div class="pull-right-btn" ng-click="pullRight()">
                             <i class="glyphicon glyphicon-chevron-right"></i>
                         </div>
-                        <div class="selected-item-section">
+                        <div class="selected-item-section" style="height: 100vh;">
                             <div class="clearfix">
                                 <div class="pull-right" ng-if="selectedItem.auditData.createDate">
                                     <strong>{{'ELEMENT.DATE_CREATED' | translate}}: </strong>

styles/common/style.css

@@ -994,7 +994,9 @@ a.dropdown-toggle {
 
 .wrapper.full {
     /* padding: 40px 0px 0px 0px; */
-    overflow: hidden;
+    /* overflow: hidden; */
+    overflow-x: auto;
+    overflow-y: hidden;
     max-width: 100%;
     min-width: 100%;
 }
@@ -3282,4 +3284,9 @@ ul#strength > li:last-child {
   height:auto;
 }
 
+.row{
+    margin-left: 0 !important;
+    margin-right: 0 !important;
+}
+
 

styles/style-editor.css

@@ -16,7 +16,7 @@
 	margin: 0 auto;
     display: flex;
     flex-direction: column;
-    justify-content: center;
+    /* justify-content: center; */
     align-items: center;
 }