Skip to content

feat [UI]: Refined ctrl+tab panel #12397

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
gordonn wants to merge 117 commits into
base: dev
Choose a base branch
from
Open

feat [UI]: Refined ctrl+tab panel #12397

Show file tree
Hide file tree
Changes from 21 commits
Commits
Show all changes
117 commits
Select commit Hold shift + click to select a range
0e88059
WIP: save local changes before syncing
gordonn Feb 14, 2026
d760246
Improve tab switcher: theme-aware favicons, white selected text, page…
gordonn Feb 15, 2026
8d13a25
Update tab switcher prefs, thumbnails, and docs
gordonn Feb 15, 2026
d0874b2
Tweak tab switcher card radii
gordonn Feb 16, 2026
9f719b4
Use newtab icon for about: pages with branding icons in tab switcher
gordonn Feb 16, 2026
54c58ab
Add config for max visible cards
gordonn Feb 16, 2026
e1f3241
remove some comments
gordonn Feb 16, 2026
685f9fc
edit comments
gordonn Feb 16, 2026
ee8a487
remove inline comments
gordonn Feb 16, 2026
3a606e7
sync package-lock.json with upstream
gordonn Feb 16, 2026
6da323a
remove comments
gordonn Feb 16, 2026
541d79a
ensure panel is not bounded by parent
gordonn Feb 16, 2026
24d5538
remove inner panel for more native feel
gordonn Feb 17, 2026
adc78fe
tweak padding to make it more like arc
gordonn Feb 17, 2026
127632d
small QOL fixes
gordonn Feb 17, 2026
f9f6d08
Merge remote-tracking branch 'upstream/dev' into dev
gordonn Feb 17, 2026
701b865
refactor: cleanup unused variables and dead code in ZenTabSwitcher
gordonn Feb 19, 2026
81a9d8e
remove corner bleeding
gordonn Feb 19, 2026
cc82153
style: improve thumbnail border handling
gordonn Feb 20, 2026
a4f925e
modify thumbnail container transparency
gordonn Feb 22, 2026
96d64fd
Merge remote-tracking branch 'upstream/dev' into dev
gordonn Feb 23, 2026
7590e67
lazy import thumbnails, utilize block comments, remove redundant css …
gordonn Feb 23, 2026
aaa137b
refactor comments to show parameter and return attributes
gordonn Feb 23, 2026
9e740b3
refactor: migrate tab switcher to zen-panels with panelmultiview stru…
gordonn Feb 23, 2026
8884933
ctrl tab goes to next tab in the list initially
gordonn Feb 23, 2026
3747bfd
restore zen-gradient-generator.css to match upstream
gordonn Feb 23, 2026
3788d6c
make panel style consistent across platforms
gordonn Feb 24, 2026
981f9a0
add width constraints to tab switcher panel for backdrop stability
gordonn Feb 24, 2026
6ab8342
migrate panel implementation to popovers
gordonn Feb 24, 2026
5e37cf1
refactor: use standard lazy import method for thumbnails
gordonn Feb 25, 2026
19c7b66
ensure panel initialization doesn't cause scrolling, make unfocusing …
gordonn Feb 26, 2026
2788c9f
fix: not going to previous tab when panel is first opened with ctrl+s…
gordonn Feb 26, 2026
a333e9c
Merge remote-tracking branch 'upstream/dev' into dev
gordonn Feb 26, 2026
80dab72
add additional comments explaining functionality
gordonn Feb 27, 2026
db21138
fix: add gBrowser existence check in ZenTabSwitcher initialization
gordonn Feb 27, 2026
0ad77a0
Merge remote-tracking branch 'upstream/dev' into dev
gordonn Feb 27, 2026
3aab1e9
fix lint issues
gordonn Feb 28, 2026
3fce174
lint fixes
gordonn Feb 28, 2026
4b4a356
Add JSDoc documentation and refactor comments
gordonn Mar 4, 2026
a1a9e72
Merge remote-tracking branch 'upstream/dev' into dev
gordonn Mar 4, 2026
e8ba3e0
fix: open panel at the center of window instead of anchoring it to th…
gordonn Mar 5, 2026
6b57023
prettier formatting
gordonn Mar 5, 2026
d044166
fix tab switcher panel positioning to prevent cutoff at screen edges
gordonn Mar 6, 2026
9b33878
remove comment
gordonn Mar 6, 2026
02e5c93
Merge remote-tracking branch 'upstream/dev' into dev
gordonn Mar 6, 2026
f1dedec
fix thumbnails not showing full viewport and current scroll position
gordonn Mar 7, 2026
dc86f8c
Merge branch 'dev' into dev
gordonn Mar 8, 2026
7515322
Remove duplicate vertical-tabs.css entry
gordonn Mar 8, 2026
0ef2625
lint fixes
gordonn Mar 8, 2026
0fad314
refactor variables and remove redundant css selectors
gordonn Mar 10, 2026
c9c0330
reduce card border radius
gordonn Mar 10, 2026
e7654e9
fix: refactor thumbnail rendering to prevent flashing and disable mic…
gordonn Mar 10, 2026
5cd4db8
slightly reduce thicc inner padding
gordonn Mar 10, 2026
7ae0eb4
refactor: remove redundant code
gordonn Mar 11, 2026
ce4fd73
refactor: clean up and simplify ZenTabSwitcher
gordonn Mar 11, 2026
495d24d
fix: filter out unloaded tabs from recently used tabs list
gordonn Mar 11, 2026
102b42b
fix: linux bugs
gordonn Mar 11, 2026
a016468
fix: recently used tabs not restoring to their corresponding workspace
gordonn Mar 13, 2026
2cc92c3
fix: ESLint errors - use console.warn instead of console.log
gordonn Mar 13, 2026
2c60e4b
refactor: remove recently used tabs option (firefox already has a imp…
gordonn Mar 14, 2026
2e9585a
fix: improve thumbnail dimensions calculation and visibility
gordonn Mar 14, 2026
110888e
remove old variable
gordonn Mar 14, 2026
03c412c
refactor: change name to ZenCtrlTabPanel
gordonn Mar 14, 2026
b84ba47
refactor: tweak panel dimensions and remove some comments
gordonn Mar 15, 2026
658239c
fix lint errors
gordonn Mar 15, 2026
1c11bea
Merge branch 'dev' into dev
gordonn Mar 15, 2026
0e049fd
67: remove whitespace
gordonn Mar 15, 2026
3beb64b
Apply prettier formatting
gordonn Mar 15, 2026
7fd3ddd
Revert "Apply prettier formatting"
gordonn Mar 15, 2026
c470710
Merge branch 'dev' into dev
gordonn Mar 16, 2026
de46bc8
refactor: use gBrowser.tabbox for canvas dimension calculation and mo…
gordonn Mar 16, 2026
1dc3a2f
refactor: more consistent select color across light/dark mode with mo…
gordonn Mar 16, 2026
bc23797
refactor: improve selection colors
gordonn Mar 18, 2026
d3070da
style: make pending thumbnail container fully transparent
gordonn Mar 18, 2026
cd85ffa
refactor: use zen variables for text/seperator line color
gordonn Mar 18, 2026
8e5c8b8
refactor: increase panel dimensions to improve thumbnail and title vi…
gordonn Mar 18, 2026
e0f20fb
Merge branch 'dev' into dev
gordonn Mar 20, 2026
aca88ab
make thumbnail bigger and lint fixes
gordonn Mar 20, 2026
e440374
Merge branch 'dev' of https://github.com/gordonn/desktop into dev
gordonn Mar 20, 2026
52c1eaa
remove !important from css
gordonn Mar 21, 2026
2115b42
remove !important from css
gordonn Mar 21, 2026
39d4bcc
make selection color mixing simpler and inline tab list filtering fun…
gordonn Mar 23, 2026
cbd78b2
re-enable mica on windows for now
gordonn Mar 23, 2026
7a65837
reduce panel padding
gordonn Mar 23, 2026
b16cfa1
fix horizontal padding
gordonn Mar 23, 2026
35f7a6c
simplify favicon color handling
gordonn Mar 24, 2026
a67d5d0
modify selection colors to have more vibrancy and better contrast wit…
gordonn Mar 25, 2026
b61a1d1
refactor: optimize ZenCtrlTabPanel code and reduce info height
gordonn Mar 25, 2026
2b7eff5
slightly increase info section height
gordonn Mar 26, 2026
6673c74
QOL: use a consistent default select color for better viewability and…
gordonn Mar 27, 2026
5cdb61c
alignment fixes
gordonn Mar 28, 2026
aa85771
fix info height
gordonn Mar 28, 2026
837cbf7
fix: improve performance and use standard removeObserver patterns
gordonn Mar 27, 2026
a549de9
performance optimizations and utilize standard practices
gordonn Mar 29, 2026
27479b1
Merge branch 'dev' into dev
gordonn Mar 29, 2026
dae0653
Remove comment from ctrl-tab-panel.inc
gordonn Mar 29, 2026
d213f6d
Merge branch 'dev' into dev
gordonn Mar 30, 2026
cf1abff
no-bug: filter out hidden tabs (tabs in closed folders or in collapse…
gordonn Mar 31, 2026
768b656
performance: optimize thumbnail caching and rendering
gordonn Mar 31, 2026
022f200
remove redundant check
gordonn Mar 31, 2026
c63eecb
fix: add explicit card container height so panel renders with correct…
gordonn Mar 31, 2026
cc525e3
Improve thumbnail updating responsiveness, small performance improvem…
gordonn Apr 1, 2026
fe9daf9
Merge branch 'dev' into dev
gordonn Apr 3, 2026
94492e1
fix: make thumbnails more clear on both narrow and wide windows
gordonn Apr 4, 2026
1c9d4cd
fix: ensure reloaded thumbnails show updated state and other optimiza…
gordonn Apr 5, 2026
ea049a8
debloat
gordonn Apr 5, 2026
b28fb92
small refactor
gordonn Apr 5, 2026
8ddd9c7
remove redundant selector
gordonn Apr 5, 2026
25236a8
fix: prevent layout shift and scroll jitter in ctrl-tab panel
gordonn Apr 6, 2026
605886d
fix: eliminate scroll flash on ctrl+tab panel open
gordonn Apr 7, 2026
82e38f5
utilize nonnativepopover to fix macos positioning and opening behaviour
gordonn Apr 7, 2026
cea67d2
add option to cycle through recently used tabs like arc/firefox/alt-t…
gordonn Apr 7, 2026
2a10f4e
add trailing newline
gordonn Apr 7, 2026
464ccae
remove redundant checks
gordonn Apr 10, 2026
038d9b6
simplify thumbnail capturing
gordonn Apr 13, 2026
b7a84a6
add unit test and small optimizations
gordonn Apr 15, 2026
80adf16
Merge branch 'dev' into dev
gordonn Apr 15, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
7 changes: 7 additions & 0 deletions prefs/zen/zen.yaml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -55,3 +55,10 @@

- name: zen.tabs.ctrl-tab.ignore-pending-tabs
value: false

# Tab Switcher (Arc-style visual tab switcher)
- name: zen.tabs.tab-switcher.enabled
value: true

- name: zen.tabs.tab-switcher.use-recent-order
value: false
2 changes: 2 additions & 0 deletions src/browser/base/content/zen-assets.inc.xhtml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -20,6 +20,7 @@
<link rel="stylesheet" type="text/css" href="chrome://browser/content/zen-styles/zen-decks.css" />
<link rel="stylesheet" type="text/css" href="chrome://browser/content/zen-styles/zen-folders.css" />
<link rel="stylesheet" type="text/css" href="chrome://browser/content/zen-styles/zen-glance.css" />
<link rel="stylesheet" type="text/css" href="chrome://browser/content/zen-styles/zen-tab-switcher.css" />
<link rel="stylesheet" type="text/css" href="chrome://browser/content/zen-styles/zen-popup.css" />

<link rel="stylesheet" type="text/css" href="chrome://browser/content/zen-styles/zen-compact-mode.css" />
Expand Down Expand Up @@ -47,6 +48,7 @@
<script type="module" src="chrome://browser/content/zen-components/ZenWorkspaceCreation.mjs"></script>
<script type="module" src="chrome://browser/content/zen-components/ZenGlanceManager.mjs"></script>
<script type="module" src="chrome://browser/content/zen-components/ZenPinnedTabManager.mjs"></script>
<script type="module" src="chrome://browser/content/zen-components/ZenTabSwitcher.mjs"></script>
<script type="module" src="chrome://browser/content/zen-components/ZenViewSplitter.mjs"></script>
<script type="module" src="chrome://browser/content/zen-components/ZenFolders.mjs"></script>
<script type="module" src="chrome://browser/content/zen-components/ZenDownloadAnimation.mjs"></script>
Expand Down
3 changes: 2 additions & 1 deletion src/browser/base/content/zen-tabbrowser-elements.inc.xhtml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,4 +5,5 @@
<vbox id="zen-toast-container" />

#include ../../../zen/split-view/zen-splitview-overlay.inc.xhtml
#include ../../../zen/glance/zen-glance.inc.xhtml
#include ../../../zen/glance/zen-glance.inc.xhtml
#include ../../../zen/tabs/zen-tab-switcher.inc.xhtml
Loading