improved tabbing behaviour of web editor

eclipse-vorto · Jun 19, 2017 · 70ddb07 · 70ddb07
1 parent ddf016d
commit 70ddb07
Show file tree

Hide file tree

Showing 2 changed files with 33 additions and 2 deletions.
diff --git a/server/devtool/webeditor/src/main/resources/static/css/style.css b/server/devtool/webeditor/src/main/resources/static/css/style.css
@@ -1222,3 +1222,34 @@ sup {
   transform: translateY(-50%);
   position: relative;
 }
+
+@media screen and (max-width: 1280px) {
+.editor-ul>li {
+    width: 110px;
+    }
+.editor-ul>li>a>span {
+    display: inline-block;
+    width: 75px;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    }
+.editor-ul>li>a>.glyphicon {
+    position: absolute;
+    top: 14px;
+    right: 2px;
+}
+.queryFilter {
+    width: auto;
+}
+.col-box {
+    padding: 0 5px 0 0;
+}
+.import-button {
+    font-size: 40px; 
+}
+#function-block-browser-container {
+    width: 98%;
+    }
+}
+
diff --git a/server/devtool/webeditor/src/main/resources/static/templates/editor/editor-template.html b/server/devtool/webeditor/src/main/resources/static/templates/editor/editor-template.html
@@ -42,8 +42,8 @@ <h3 class="box-title">
 					<ul class="nav nav-tabs editor-ul" role="tablist">
 				    	<li role="presentation" ng-repeat="tab in tabs" ng-click="selectTab($index)" ng-class="{'active':selectedTabIndex == $index}">
 				        	<a data-target="#tab" aria-controls="home" role="tab" data-toggle="tab">
-				        		{{tab.filename}}
-				        		<span ng-click="closeTab($index)" class="glyphicon glyphicon-remove"></span>
+				        		<span>{{tab.name}}</span>
+				        		<i ng-click="closeTab($index)" class="glyphicon glyphicon-remove"></i>
 				        	</a>
 						</li>
 				        <li role="presentation">