diff --git a/core/src/components/show-plugin.js b/core/src/components/show-plugin.js index fe1df345..61b583ab 100644 --- a/core/src/components/show-plugin.js +++ b/core/src/components/show-plugin.js @@ -59,7 +59,7 @@ class ShowPlugin extends connect(store)(LitElement) { .hideIframe { display: none; position: absolute; - zIndex: -10; + zIndex: -10; } .showIframe { @@ -91,11 +91,13 @@ class ShowPlugin extends connect(store)(LitElement) { cursor: pointer; transition: background 0.3s; position: relative; - min-width: 100px; + width: auto; + min-width: 80px; max-width: 200px; overflow: hidden; text-wrap: nowrap; text-overflow: ellipsis; + zIndex: 2; } .tab:hover { @@ -105,6 +107,9 @@ class ShowPlugin extends connect(store)(LitElement) { } .tab.active { + display: inline-block; + min-width: fit-content; + max-width: 200px; margin-bottom: -1px; background: var(--white); color: var(--black); @@ -114,6 +119,7 @@ class ShowPlugin extends connect(store)(LitElement) { border-left: 1px solid var(--black); border-right: 1px solid var(--black); border-bottom: 1px solid var(--white); + zIndex: 1; } .close { @@ -324,9 +330,9 @@ class ShowPlugin extends connect(store)(LitElement) { } return html` -
this.currentTab = index} + @click="${() => this.currentTab = index}" >
${icon} @@ -384,9 +390,14 @@ class ShowPlugin extends connect(store)(LitElement) { removeTab(index) { // Remove tab from array this.tabs = this.tabs.filter((tab, tIndex) => tIndex !== index) - if (this.tabs.length !== 0) { + + if (this.tabs.length === 0) { this.currentTab = 0 + } else { + this.currentTab = this.tabs.length - 1 } + + this.requestUpdate() } createEpmlInstance(frame, index) {