Merge pull request #545 from ethereum/fix-tab

Fixed tab title hidden display

apps/remix-ide/src/app/panels/tab-proxy.js

@@ -2,9 +2,16 @@ var yo = require('yo-yo')
 var $ = require('jquery')
 const EventEmitter = require('events')
 const globalRegistry = require('../../global/registry')
+const csjs = require('csjs-inject')
 
 require('remix-tabs')
 
+const css = csjs`
+  .remix_tabs div[title]{
+    display: flex;
+  }
+`
+
 export class TabProxy {
   constructor (fileManager, editor, appManager) {
     this.event = new EventEmitter()
@@ -140,11 +147,10 @@ export class TabProxy {
     const tabPath = slash.reverse()
     const tempTitle = []
 
+    if(!title) {
       for(let i = 0; i < tabPath.length; i++) {
         tempTitle.push(tabPath[i])
         const formatPath = [...tempTitle].reverse()
-
-      if(!title) {
         const index = this.loadedTabs.findIndex(({ title }) => title === formatPath.join('/'))
 
         if (index === -1) {
@@ -175,13 +181,13 @@ export class TabProxy {
           }
           break;
         }
+      }
     } else {
       this.loadedTabs.push({
         name,
         title
       })
     }
-    }
 
     this._view.filetabs.addTab({
       id: name,
@@ -213,7 +219,7 @@ export class TabProxy {
   }
 
   renderTabsbar () {
-    this._view.filetabs = yo`<remix-tabs></remix-tabs>`
+    this._view.filetabs = yo`<remix-tabs class=${css.remix_tabs}></remix-tabs>`
     this._view.filetabs.addEventListener('tabClosed', (event) => {
       if (this._handlers[event.detail]) this._handlers[event.detail].close()
       this.event.emit('tabCountChanged', this._view.filetabs.tabs.length)