browser_tab_bar 0.2.1
browser_tab_bar: ^0.2.1 copied to clipboard
Chrome-style browser tab bar widget (tab strip only, page content is up to you): add/close/activate/update tabs, hover fades, toolbar-merged active tab, keyboard navigation, light and dark themes.
0.2.1 #
- Active tab outline border + strip-bottom separator: new style token
TabBarStyle.activeBorder(defaults to the divider color; passnullto disable both). - 1px outline on the active tab itself (top edge, sides, ears), excluding the bottom edge — it keeps blending with the toolbar below.
- The bottom separator fills the strip's last pixel row and runs to both ends of the bar, painted beneath all tabs (Chrome-style stacking): the active tab's fill and ear wings naturally eclipse the middle, the line emerges from behind the ear curves — intersection makes the joint, no butt-joint seams. The separator also covers the junction seam with the toolbar (no toolbar overlap needed).
0.2.0 #
- Context menu: right-click a tab (or the empty strip area) opens the menu — New tab / Close (hand-drawn linear icon), divider, Close to the left / Close others / Close to the right (bulk group, no icons); unavailable items are disabled automatically; keyboard Menu / Shift+F10 opens it on the focused tab.
TabBarControllergainscloseOthers/closeLeft/closeRight(switch activation first, then bulk-close, with a clean event stream).
0.1.1 #
- LICENSE copyright holder corrected (wanghonghust → wanghong).
0.1.0 #
- Initial release.
- Chrome-style tab strip: tab height 34 / strip height 38, flexible equal-width tabs (72–240px), active tab with 8px ears blending into the toolbar.
- Overflow dropdown: when tabs no longer fit, a dropdown button appears on the left listing hidden tabs (activate / close from the menu); the active tab always stays visible.
- Interactions: click to switch, x / middle-click to close, closing the active tab activates the right neighbor, closing the last tab auto-creates a "New Tab".
- Keyboard: roving focus + arrow keys to move + Enter/Space to activate, Esc / click to dismiss the focus ring.
- Light and dark themes (
TabBarStyle.light/dark), zero third-party dependencies.