Header menu logo issie

DiagramStyle Module

Nested modules

Modules Description

Constants

Functions and values

Function or value Description

belowHeaderStyle headerSize overflow

Full Usage: belowHeaderStyle headerSize overflow

Parameters:
Returns: HTMLAttr

Fill what is left of the height below a header of the given size, scrolling if the content does not fit. The overflow is a parameter rather than always Auto because the caller needs to switch it off for a moment, and saying so with a second Style prop does not work: React keeps the last style it is given and drops the rest, so the height quietly went with it - which left the right tab body with no height at all, and nothing in it able to scroll.

headerSize : 'a
overflow : OverflowOptions
Returns: HTMLAttr

canvasReadOnlyBannerStyle model

Full Usage: canvasReadOnlyBannerStyle model

Parameters:
Returns: HTMLAttr

The strip across the top of the canvas saying that the sheet below is a library component being looked at and cannot be changed. Placed over the canvas rather than above it so that nothing moves when it appears, and it takes no pointer events: it sits on top of the schematic, and a band the mouse could not draw through would be worse than no banner.

model : Model
Returns: HTMLAttr

canvasSmallButtonStyle

Full Usage: canvasSmallButtonStyle

Returns: HTMLAttr
Returns: HTMLAttr

canvasSmallMenuStyle

Full Usage: canvasSmallMenuStyle

Returns: HTMLAttr
Returns: HTMLAttr

canvasVisibleStyle model

Full Usage: canvasVisibleStyle model

Parameters:
Returns: HTMLAttr
model : Model
Returns: HTMLAttr

canvasVisibleStyleList model

Full Usage: canvasVisibleStyleList model

Parameters:
Returns: CSSProp list
model : Model
Returns: CSSProp list

colMoveArrowStyle

Full Usage: colMoveArrowStyle

Returns: HTMLAttr
Returns: HTMLAttr

colorSpan color text

Full Usage: colorSpan color text

Parameters:
    color : 'a
    text : string

Returns: ReactElement
color : 'a
text : string
Returns: ReactElement

constraintNumberStyle

Full Usage: constraintNumberStyle

Returns: HTMLAttr
Returns: HTMLAttr

emptyRefreshSVG

Full Usage: emptyRefreshSVG

Returns: ReactElement
Returns: ReactElement

getHeaderHeight

Full Usage: getHeaderHeight

Returns: float
Returns: float

headerHeight

Full Usage: headerHeight

Returns: string

Where the canvas starts, which must equal where the top menu bar ends. The bar's height is driven by its content: a 40px button inside a navbar-item with 8px of padding above and below is 56px, and the bar starts 2px down from the window's top border. Keep this in step with that. It was 72px from when each button sat inside two nested navbar-items rather than one, and the 14px left over showed as an empty white strip between the line under the menu bar and the line above the canvas.

Returns: string

leftSectionStyle model

Full Usage: leftSectionStyle model

Parameters:
Returns: HTMLAttr

For making Sheet contained inside left section (don't want sheet behind right section tabs) NOT USED

model : Model
Returns: HTMLAttr

leftSectionWidth model

Full Usage: leftSectionWidth model

Parameters:
Returns: HTMLAttr
model : Model
Returns: HTMLAttr

menuLabelStyle

Full Usage: menuLabelStyle

Returns: HTMLAttr
Returns: HTMLAttr

minEditorWidth ()

Full Usage: minEditorWidth ()

Parameters:
    () : unit

Returns: int
() : unit
Returns: int

minViewerWidth

Full Usage: minViewerWidth

Returns: int
Returns: int

navbarStyle model

Full Usage: navbarStyle model

Parameters:
    model : 'a

Returns: HTMLAttr
model : 'a
Returns: HTMLAttr

notificationStyle

Full Usage: notificationStyle

Returns: HTMLAttr
Returns: HTMLAttr

pinSvg pinned

Full Usage: pinSvg pinned

Parameters:
    pinned : bool

Returns: ReactElement

A pushpin, upright when it is holding something and tilted when it is not - the same shape in both states, so the icon is recognised once and then read by its angle rather than by comparing two drawings. Colour reinforces it: grey while the menu is free to close, dark once pinned.

pinned : bool
Returns: ReactElement

refreshSvg color height

Full Usage: refreshSvg color height

Parameters:
    color : string
    height : string

Returns: ReactElement

display react of refresh button with color (e.g. white) at given height (e.g. 10px)

color : string
height : string
Returns: ReactElement

rightSectionStyle model

Full Usage: rightSectionStyle model

Parameters:
Returns: HTMLAttr
model : Model
Returns: HTMLAttr

rightSectionWidth model

Full Usage: rightSectionWidth model

Parameters:
Returns: string
model : Model
Returns: string

rightSectionWidthViewerDefault

Full Usage: rightSectionWidthViewerDefault

Returns: int
Returns: int

simulationBitStyle

Full Usage: simulationBitStyle

Returns: HTMLAttr
Returns: HTMLAttr

simulationNumberStyle

Full Usage: simulationNumberStyle

Returns: HTMLAttr
Returns: HTMLAttr

sortArrowStyle

Full Usage: sortArrowStyle

Returns: HTMLAttr
Returns: HTMLAttr

ttGridColumnProps index

Full Usage: ttGridColumnProps index

Parameters:
    index : int

Returns: CSSProp list
index : int
Returns: CSSProp list

ttGridContainerStyle model

Full Usage: ttGridContainerStyle model

Parameters:
Returns: HTMLAttr
model : Model
Returns: HTMLAttr

ttGridHiddenColumnProps gridWidth

Full Usage: ttGridHiddenColumnProps gridWidth

Parameters:
    gridWidth : int

Returns: CSSProp list
gridWidth : int
Returns: CSSProp list

zoomInSVG

Full Usage: zoomInSVG

Returns: ReactElement
Returns: ReactElement

zoomOutSVG

Full Usage: zoomOutSVG

Returns: ReactElement
Returns: ReactElement

Type something to start searching.