mirror of
https://github.com/XFox111/TabsAsideExtension.git
synced 2026-04-22 07:58:01 +03:00
Michael Gordeev
8da01f34e1
- Added cloud storage for sets - WeblySleek UI font replaced with Segoe fonts - Reworked icons (#55) - Removed changelog auto-opening on install - 'Contributors' option replaced with 'Changelog' one - Added icons to menu items - Updated UI with Fluent UI compliance - Added tooltip on how to use selective activation (#57) - Added Italian language (#52) by @blackcat-917 - Added Brazilian Portuguese language (#53) by @amandafilizola - Updated Firefox CI/CD config - Updated README: rearranged badges and added demo GIF - Updated documentation Co-authored-by: Michael Gordeev <michael@xfox111.net> Co-authored-by: blackcat-917 <53786619+blackcat-917@users.noreply.github.com> Co-authored-by: Amanda de Paiva Filizola <amandapaivafilizola@gmail.com> Co-authored-by: Amine A <15179425+AmineI@users.noreply.github.com> Co-authored-by: Dustin Jiang <56217843+Dustin-Jiang@users.noreply.github.com>
97 lines
3.2 KiB
HTML
97 lines
3.2 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head>
|
|
<title loc="name">Tabs aside</title>
|
|
<link id="icon" rel="shortcut icon" type="image/png" href="icons/light/empty/16.png" />
|
|
|
|
<link rel="stylesheet" type="text/css" href="css/style.css" />
|
|
<link rel="stylesheet" type="text/css" href="css/style.generic.css" />
|
|
<link rel="stylesheet" type="text/css" href="css/style.dark.css" />
|
|
<link rel="stylesheet" type="text/css" href="css/style.listview.css" />
|
|
|
|
<meta charset="utf-8" />
|
|
</head>
|
|
|
|
<body>
|
|
<div class="tabsAside background">
|
|
<div class="tabsAside closeArea"></div>
|
|
<aside class="tabsAside pane">
|
|
<header>
|
|
<h1 loc="name">Tabs aside</h1>
|
|
<button loc_alt="options" class="btn more" title="Options"><span class="updateBadge"></span></button>
|
|
|
|
<nav>
|
|
<label class="checkbox control">
|
|
<input id="loadOnRestore" type="checkbox" />
|
|
<span class="mark"></span>
|
|
<span loc="loadOnRestore">Load tabs on restore</span>
|
|
</label>
|
|
<label class="checkbox control">
|
|
<input id="swapIconAction" type="checkbox" />
|
|
<span class="mark"></span>
|
|
<span loc="swapIconAction">Set tabs aside on extension icon click (Alt+P or right-click to open the pane)</span>
|
|
</label>
|
|
<label class="checkbox control">
|
|
<input id="showDeleteDialog" type="checkbox" />
|
|
<span class="mark"></span>
|
|
<span loc="showDeleteDialog">Show confirmation dialog before deleting an item</span>
|
|
</label>
|
|
<hr />
|
|
<div>
|
|
<button value="https://github.com/xfox111/TabsAsideExtension">
|
|
<img src="icons/github.svg"/>
|
|
<span loc="github">Visit GitHub page</span>
|
|
</button>
|
|
<button value="https://github.com/XFox111/TabsAsideExtension/releases/latest">
|
|
<img src="icons/list.svg"/>
|
|
<span loc="changelog">Changelog</span>
|
|
<span class="updateBadge"></span>
|
|
</button>
|
|
<button feedback-button>
|
|
<img src="icons/feedback.svg"/>
|
|
<span loc="feedback">Leave feedback</span>
|
|
</button>
|
|
<button value="https://buymeacoffee.com/xfox111">
|
|
<img style="filter: none !important;" src="icons/bmc.svg"/>
|
|
<span loc="buyMeACoffee">Buy me a coffee!</span>
|
|
</button>
|
|
</div>
|
|
<hr />
|
|
<p>
|
|
<small>v1.0</small><br />
|
|
<span loc="credits">Developed by Michael Gordeev</span> (<a href="https://twitter.com/xfox111" target="_blank">@xfox111</a>)
|
|
</p>
|
|
</nav>
|
|
|
|
<button loc_alt="closePanel" class="btn remove" title="Close panel"></button>
|
|
<a class="saveTabs">
|
|
<span class="iconArrowRight"></span>
|
|
<span loc="setAside">Set current tabs aside</span>
|
|
<span loc_alt="setMultipleTabsAsideTooltip" class="iconQuestionCircle" title="Tip : You can set aside specific tabs by selecting them (by holding CTRL or SHIFT and clicking on the tabs) before clicking on the TabsAside extension"></span>
|
|
</a>
|
|
|
|
<div class="listviewSwitch tile">
|
|
<div></div>
|
|
<div></div>
|
|
<div></div>
|
|
<div></div>
|
|
</div>
|
|
<div class="listviewSwitch list">
|
|
<div></div>
|
|
<div></div>
|
|
<div></div>
|
|
</div>
|
|
</header>
|
|
|
|
<section>
|
|
<h2 loc="nothingSaved">You have no aside tabs</h2>
|
|
</section>
|
|
</aside>
|
|
</div>
|
|
|
|
<script type="text/javascript" src="js/aside-script.js"></script>
|
|
</body>
|
|
|
|
</html>
|