Skip to content

View Header

Defines options for displaying dynamic screen dimensions and device operating system details.

Style Settings
|-- ...
|-- Flexcyon Style Settings
|   |-- Editor
|   |   |-- ...
|   |   |-- View Header
|   |   |-- ...
|   |-- ...
|-- ...

Configuration Options

View header breadcrumb max width

CSS Variable(s) targeted: var(--flexcyon-view-header-breadcrumb-max-w)

Default: 12.5 (vw)

Display device operating system details in view header

CSS Classe(s) targeted: .flexcyon-display-os

Default: false (class toggle)

Device operating system details right padding

CSS Variable(s) targeted: var(--flexcyon-os-detail-padding-r)

Default: 24 (px)

Display Screen Dimensions

CSS Classe(s) targeted: .flexcyon-display-screen-dimens

Default: false (class toggle)

Display screen dimensions left padding

CSS Variable(s) targeted: var(--flexcyon-screen-dimens-padding-l)

Default: 16 (px)

Comments