diff --git a/src/browser/base/content/ZenUIManager.mjs b/src/browser/base/content/ZenUIManager.mjs index 952b891a9..9c27f7bc9 100644 --- a/src/browser/base/content/ZenUIManager.mjs +++ b/src/browser/base/content/ZenUIManager.mjs @@ -629,16 +629,6 @@ var gZenVerticalTabsManager = { target.appendChild(child); }, - - //_insertItemsIntoTabContextMenu() { - // const element = window.MozXULElement.parseXULToFragment(` - // - // `); - // document.getElementById('context_duplicateTabs').after(element); - //}, - _insertDoubleClickListenerPinnedTabs() { const tabs = gBrowser.tabs; for (const tab of tabs) { @@ -650,7 +640,7 @@ var gZenVerticalTabsManager = { contextRenameTabKeydown(event) { if (event.key === 'Enter') { - let label = this._tabEdited.querySelector(".tab-label-container-editing"); + let label = this._tabEdited.querySelector('.tab-label-container-editing'); let input = this._tabEdited.querySelector('#tab-label-input'); let newName = input.value; this._tabEdited.setAttribute('label', newName); @@ -659,8 +649,8 @@ var gZenVerticalTabsManager = { label.className = label.className.replace(' tab-label-container-editing', ''); document.removeEventListener('click', this.contextRenameTabHalt.bind(this)); this._tabEdited = null; - } else if (event.key === "Escape") { - let label = this._tabEdited.querySelector(".tab-label-container-editing"); + } else if (event.key === 'Escape') { + let label = this._tabEdited.querySelector('.tab-label-container-editing'); this._tabEdited.querySelector('.tab-editor-container').remove(); label.style.display = ''; @@ -669,13 +659,14 @@ var gZenVerticalTabsManager = { this._tabEdited = null; } }, + contextRenameTabStart(event) { if (event.target.closest('.tab-label-container-editing')) { return; } this._tabEdited = event.target.closest('.tabbrowser-tab'); - console.log(this._tabEdited) - const label = this._tabEdited.querySelector(".tab-label-container") + console.log(this._tabEdited); + const label = this._tabEdited.querySelector('.tab-label-container'); label.style.display = 'none'; label.className += ' tab-label-container-editing'; @@ -688,16 +679,15 @@ var gZenVerticalTabsManager = { input.id = 'tab-label-input'; input.value = this._tabEdited.label; input.addEventListener('keydown', this.contextRenameTabKeydown.bind(this)); - input.style["white-space"] = "nowrap"; - input.style["overflow-x"] = "scroll"; - input.style["margin"] = "0"; + input.style['white-space'] = 'nowrap'; + input.style['overflow-x'] = 'scroll'; + input.style['margin'] = '0'; containerHtml.appendChild(input); input.focus(); - input.select() + input.select(); document.addEventListener('click', this.contextRenameTabHalt.bind(this)); - }, contextRenameTabHalt(event) { @@ -705,7 +695,7 @@ var gZenVerticalTabsManager = { return; } this._tabEdited.querySelector('.tab-editor-container').remove(); - const label = this._tabEdited.querySelector(".tab-label-container-editing"); + const label = this._tabEdited.querySelector('.tab-label-container-editing'); label.style.display = ''; label.className = label.className.replace(' tab-label-container-editing', '');