jschulthess/qortal-ui
1
0
Fork 0
forked from Qortal/qortal-ui
Code Issues Pull Requests Projects Releases Wiki Activity

resize browser tab

Browse Source
This commit is contained in:
AlphaX-Projects 2023-06-14 19:15:19 +02:00
parent 6c36245d1a
commit 015cbfc16a
1 changed files with 16 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
core/src/components/show-plugin.js
View File

@ -91,11 +91,13 @@ class ShowPlugin extends connect(store)(LitElement) {
cursor: pointer; cursor: pointer;
transition: background 0.3s; transition: background 0.3s;
position: relative; position: relative;
min-width: 100px; width: auto;
min-width: 80px;
max-width: 200px; max-width: 200px;
overflow: hidden; overflow: hidden;
text-wrap: nowrap; text-wrap: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;
zIndex: 2;
} }
.tab:hover { .tab:hover {
@ -105,6 +107,9 @@ class ShowPlugin extends connect(store)(LitElement) {
} }
.tab.active { .tab.active {
display: inline-block;
min-width: fit-content;
max-width: 200px;
margin-bottom: -1px; margin-bottom: -1px;
background: var(--white); background: var(--white);
color: var(--black); color: var(--black);
@ -114,6 +119,7 @@ class ShowPlugin extends connect(store)(LitElement) {
border-left: 1px solid var(--black); border-left: 1px solid var(--black);
border-right: 1px solid var(--black); border-right: 1px solid var(--black);
border-bottom: 1px solid var(--white); border-bottom: 1px solid var(--white);
zIndex: 1;
} }
.close { .close {
@ -326,7 +332,7 @@ class ShowPlugin extends connect(store)(LitElement) {
return html` return html`
<div <div
class="tab ${this.currentTab === index ? 'active' : ''}" class="tab ${this.currentTab === index ? 'active' : ''}"
@click=${() => this.currentTab = index} @click="${() => this.currentTab = index}"
> >
<div class="${this.currentTab === index ? "iconActive" : "iconInactive"}"> <div class="${this.currentTab === index ? "iconActive" : "iconInactive"}">
<mwc-icon>${icon}</mwc-icon> <mwc-icon>${icon}</mwc-icon>
@ -384,9 +390,14 @@ class ShowPlugin extends connect(store)(LitElement) {
removeTab(index) { removeTab(index) {
// Remove tab from array // Remove tab from array
this.tabs = this.tabs.filter((tab, tIndex) => tIndex !== index) this.tabs = this.tabs.filter((tab, tIndex) => tIndex !== index)
if (this.tabs.length !== 0) {
if (this.tabs.length === 0) {
this.currentTab = 0 this.currentTab = 0
} else {
this.currentTab = this.tabs.length - 1
} }
this.requestUpdate()
} }
createEpmlInstance(frame, index) { createEpmlInstance(frame, index) {