Qortal/qortal-ui
4
1
Fork 4
mirror of https://github.com/Qortal/qortal-ui.git synced 2025-02-11 17:55:51 +00:00
Code Issues 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

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

@ -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`
<div
<div
class="tab ${this.currentTab === index ? 'active' : ''}"
@click=${() => this.currentTab = index}
@click="${() => this.currentTab = index}"
>
<div class="${this.currentTab === index ? "iconActive" : "iconInactive"}">
<mwc-icon>${icon}</mwc-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) {