diff --git a/src/003-assets/CSS/tabs.css b/src/003-assets/CSS/tabs.css index fd8adaf4b1e507cb3ea37edbcf3202dfc50a85fb..125de5fdfcf5c0839480d0bc0ae8234b8a24de4c 100644 --- a/src/003-assets/CSS/tabs.css +++ b/src/003-assets/CSS/tabs.css @@ -1,8 +1,8 @@ -div.tab { +div.tabbar { overflow: hidden; } -div.tab button { +div.tabbar button { background-color: #252525; border: solid 2px #252525; color: #68d; @@ -14,11 +14,11 @@ div.tab button { font-size: large; } -div.tab button:hover { +div.tabbar button:hover { background-color: #414141; } -div.tab button.active { +div.tabbar button.active { background-color: #050505; color: #c7cedf; } diff --git a/src/js/slaveListing.js b/src/js/slaveListing.js index ceca76f49e08c428da7933a1363b7289431d00ef..558bcc1b4e4ba26003ba30057dc2f4d314ddbd25 100644 --- a/src/js/slaveListing.js +++ b/src/js/slaveListing.js @@ -614,7 +614,7 @@ App.UI.SlaveList.listSJFacilitySlaves = function(facility, facilityPassage, show if (V.sortSlavesMain) { r += this.sortingLinks(facilityPassage) + '<br>'; } - r += '<div class="tab">' + + r += '<div class="tabbar">' + App.UI.tabbar.tabButton('assign', tabCaptions.assign) + App.UI.tabbar.tabButton('remove', tabCaptions.remove) + (showTransfersTab ? App.UI.tabbar.tabButton('transfer', tabCaptions.transfer) : '')+ @@ -702,7 +702,7 @@ App.UI.SlaveList.listNGPSlaves = function() { const thisPassage = 'New Game Plus'; let r = this.sortingLinks(thisPassage) + '<br>'; - r += '<div class="tab">' + + r += '<div class="tabbar">' + App.UI.tabbar.tabButton('assign', 'Import a slave') + App.UI.tabbar.tabButton('remove', 'Remove from import') + '</div>'; @@ -1025,7 +1025,7 @@ App.UI.SlaveList.penthousePage = function() { this.render.listMarkup(penthouseSlavesIndices, [], App.UI.SlaveList.SlaveInteract.penthouseInteract))); - r += '<div class="tab">'; + r += '<div class="tabbar">'; for (const tab of tabs) { r += App.UI.tabbar.tabButton(tab.tabName, tab.caption); } diff --git a/src/uncategorized/economics.tw b/src/uncategorized/economics.tw index 14f1dd5142ce54431475302423c87091296a3173..513b2d7f14a2745a57bf63f66aa5e83bd55d6cf7 100644 --- a/src/uncategorized/economics.tw +++ b/src/uncategorized/economics.tw @@ -55,7 +55,7 @@ <<else>> <body> -<div class="tab"> +<div class="tabbar"> <button class="tablinks" onclick="App.UI.tabbar.openTab(event, 'Arcologies')" id="defaultOpen">Arcologies</button> <button class="tablinks" onclick="App.UI.tabbar.openTab(event, 'Management')">Arcology Management</button> <<if $FSAnnounced > 0>>