Skip to content

Documentation / @debuffjp/ui / MenuPanelStyle

Interface: MenuPanelStyle ​

Defined in: menu.ts:57

Extends ​

Properties ​

align? ​

optional align?: "left" | "center"

Defined in: menu.ts:43

"left" lines labels up after the cursor; "center" centres each label. Default "left".

Inherited from ​

MenuStyle.align


borders? ​

optional borders?: readonly (string | number)[]

Defined in: panel.ts:68

1px rings, outermost first. Default one light ring.

Inherited from ​

FrameStyle.borders


chamfer? ​

optional chamfer?: number

Defined in: panel.ts:74

Cut each corner by this many pixels. Default 0 (square).

Inherited from ​

FrameStyle.chamfer


color? ​

optional color?: string | number

Defined in: menu.ts:37

Inherited from ​

MenuStyle.color


cursor? ​

optional cursor?: string

Defined in: menu.ts:45

Drawn beside the focused label, in its own column so labels never shift. Default ">".

Inherited from ​

MenuStyle.cursor


cursorGap? ​

optional cursorGap?: number

Defined in: menu.ts:47

Pixels between the cursor and its label. Default 4.

Inherited from ​

MenuStyle.cursorGap


disabledColor? ​

optional disabledColor?: string | number

Defined in: menu.ts:39

Inherited from ​

MenuStyle.disabledColor


fill? ​

optional fill?: string | number

Defined in: panel.ts:70

Default a dark grey.

Inherited from ​

FrameStyle.fill


focusColor? ​

optional focusColor?: string | number

Defined in: menu.ts:38

Inherited from ​

MenuStyle.focusColor


font? ​

optional font?: FontLike

Defined in: menu.ts:36

CSS font or BitmapFont. Default: draw.text's, debuff sans.

Inherited from ​

MenuStyle.font


gap? ​

optional gap?: number

Defined in: menu.ts:41

Extra pixels between rows. Default 3.

Inherited from ​

MenuStyle.gap


highlight? ​

optional highlight?: string | number | false

Defined in: menu.ts:54

A soft pill behind the focused row that squashes and springs back when focus moves. Default on with debuff's look (a style that sets no color), off otherwise; false turns it off.

Inherited from ​

MenuStyle.highlight


padding? ​

optional padding?: number

Defined in: panel.ts:72

Space between the innermost ring and the content. Default 6.

Inherited from ​

FrameStyle.padding


radius? ​

optional radius?: number

Defined in: panel.ts:76

Round each corner with this radius (wins over chamfer). Default 0, or 10 for debuff's own look.

Inherited from ​

FrameStyle.radius


shadow? ​

optional shadow?: string | number

Defined in: panel.ts:78

A hard drop shadow in this colour, offset down-right by shadowOffset. Default none.

Inherited from ​

FrameStyle.shadow


shadowOffset? ​

optional shadowOffset?: number

Defined in: panel.ts:80

Default 1.

Inherited from ​

FrameStyle.shadowOffset


title? ​

optional title?: string

Defined in: menu.ts:58


titleColor? ​

optional titleColor?: string | number

Defined in: menu.ts:60


titleFont? ​

optional titleFont?: FontLike

Defined in: menu.ts:59


titleGap? ​

optional titleGap?: number

Defined in: menu.ts:62

Pixels between the title and the first row. Default 6.


valueGap? ​

optional valueGap?: number

Defined in: menu.ts:49

Minimum pixels between the label column and the value column. Default 12.

Inherited from ​

MenuStyle.valueGap