From 08a62b73c067b1160ada73de9895d89424416392 Mon Sep 17 00:00:00 2001 From: iampeterbanjo Date: Wed, 2 Nov 2016 20:36:44 +0000 Subject: [PATCH] made requested changes --- tabs-tabs-tabs/tabs.css | 4 ++-- tabs-tabs-tabs/tabs.html | 2 +- tabs-tabs-tabs/tabs.js | 12 ++++++++---- 3 files changed, 11 insertions(+), 7 deletions(-) diff --git a/tabs-tabs-tabs/tabs.css b/tabs-tabs-tabs/tabs.css index 6684bda..bfd9822 100644 --- a/tabs-tabs-tabs/tabs.css +++ b/tabs-tabs-tabs/tabs.css @@ -8,11 +8,11 @@ a { } .switch-tabs { - padding-left: 10px; + padding-left: 10px; } .switch-tabs a { - display: block; + display: block; } .panel { diff --git a/tabs-tabs-tabs/tabs.html b/tabs-tabs-tabs/tabs.html index 773255e..72d4490 100644 --- a/tabs-tabs-tabs/tabs.html +++ b/tabs-tabs-tabs/tabs.html @@ -36,7 +36,7 @@
-

Switch tabs

+

Switch to tab

diff --git a/tabs-tabs-tabs/tabs.js b/tabs-tabs-tabs/tabs.js index 69f6b66..c5b06b8 100644 --- a/tabs-tabs-tabs/tabs.js +++ b/tabs-tabs-tabs/tabs.js @@ -16,20 +16,24 @@ function listTabs() { chrome.tabs.query({ currentWindow: true }, function(tabs) { - var tabsList = document.getElementById('tabs-list'), - currentTabs = document.createDocumentFragment(); + var tabsList = document.getElementById('tabs-list'); + var currentTabs = document.createDocumentFragment(); + var limit = 5; + var counter = 0; tabsList.innerHTML = ''; for (var tab of tabs) { - if (!tab.active) { + if (!tab.active && counter <= limit) { var tabLink = document.createElement('a'); - tabLink.innerHTML = tab.title || tab.id; + tabLink.textContent = tab.title || tab.id; tabLink.setAttribute('href', tab.id); tabLink.classList.add('switch-tabs'); currentTabs.appendChild(tabLink); } + + counter += 1; } tabsList.appendChild(currentTabs);