Options
All
  • Public
  • Public/Protected
  • All
Menu

Class ScrollableTabBar

A specialized tab bar for the main and bottom areas.

Hierarchy

Index

Constructors

Properties

_dynamicTabOptions?: ScrollableTabBar.Options
contentContainer: HTMLElement
isMouseOver: boolean = false
needsRecompute: boolean = false
openTabsContainer: HTMLDivElement
openTabsRoot: Root
pendingReveal?: Promise<void>
scrollBar?: PerfectScrollbar
scrollBarFactory: (() => PerfectScrollbar)

Type declaration

    • (): PerfectScrollbar
    • Returns PerfectScrollbar

tabSize: number = 0
toDispose: DisposableCollection = ...
topRow: HTMLElement

Accessors

  • get contentNode(): HTMLUListElement
  • get scrollbarHost(): HTMLElement
  • get tabBarContainer(): HTMLElement

Methods

  • dispose(): void
  • onAfterAttach(msg: Message): void
  • onBeforeDetach(msg: Message): void
  • onResize(msg: ResizeMessage): void
  • onUpdateRequest(msg: Message): void
  • revealTab(index: number): Promise<void>
  • rewireDOM(): void
  • Restructures the DOM defined in PhosphorJS.

    By default the tabs (li) are contained in the this.contentNode (ul) which is wrapped in a div (this.node). Instead of this structure, we add a container for the this.contentNode and for the toolbar. The scrollbar will only work for the ul part but it does not affect the toolbar, so it can be on the right hand-side.

    Returns void

  • updateTabs(): void