Options
All
  • Public
  • Public/Protected
  • All
Menu

Class ProgressBoxStyles<P, O>

Default styles that will be used by the Popup if styles are not specified using options.

Type parameters

  • P: StyleDefinition

  • O: StyleDefinition

Hierarchy

Implements

Index

Constructors

Properties

Accessors

Constructors

constructor

Properties

container

container: IClassRule = css.$class({width: css.rem(30),height: css.rem(5),display: "flex",flexDirection: "column",alignItems: "center",justifyContent: "space-around"})

dialog

dialog: IClassRule = css.$class({border: [1, "solid", "grey"],boxShadow: { x: 4, y: 4, blur: 4, color: "lightgrey" },padding: 0,maxWidth: "100%",maxHeight: "100%",// transform: css.scale(0.1),// transition: { property: "transform", duration: 200 },"::backdrop": { backgroundColor: "grey", opacity: 0.3 }})

Styles for the <dialog> element.

dialogBody

dialogBody: IClassRule = css.$class({padding: 0.7,})

dialogButton

dialogButton: IClassRule = css.$class({padding: 0.3,marginInlineStart: 1.01,minWidth: 5.5,border: "none",backgroundColor: 0xf2f2f2,":hover": {backgroundColor: 0xe2e2e2,},":focus": {backgroundColor: 0xe2e2e2,outline: [1, "solid", 0xa2a2a2],}})

dialogButtonBar

dialogButtonBar: IClassRule = css.$class({// backgroundColor: "lightgrey",padding: [0.7, 1.01],display: "flex",justifyContent: "flex-end",alignItems: "center",})

dialogCaption

dialogCaption: IClassRule = css.$class({backgroundColor: "dodgerblue",color: "white",boxShadow: { x: 0, y: 2, blur: 2, color: "lightgrey" },padding: 0.4,})

progress

progress: IClassRule = css.$class({width: css.rem(20),height: css.rem(1),margin: css.rem(1)})

text

text: IClassRule = css.$class({textAlign: "center",})

Accessors

$owner

  • get $owner(): O | undefined

  • Refers to the instance of the style definition class which is the owner of this style definition object. The owner is the top-level class in the chain of style definition classes. Through this member, all rules and other members defined in the owner definition class can be accessed.

    Returns O | undefined

$parent

  • get $parent(): P | undefined

  • Refers to the instance of the style definition class which is the parnt of this style definition object in the chain of style definition classes. Through this member, all rules and other members defined in the parent definition class can be accessed.

    Returns P | undefined

Generated using TypeDoc