Hey guys! 4.2.0 update arrived with new Aurora desktop theme.
Blog post
Changelog
- All new Aurora theme!
- Core
- New Appbar component
- Button
- New
button-round-aurora
,button-raised-aurora
,button-fill-aurora
,button-small-aurora
,button-large-aurora
,button-outline-aurora
modifier classes for Aurora theme
- New
- Cards
- Now it is possible to specify custom expandable card backdrop element with
data-backrop-el
attribute on card
- Now it is possible to specify custom expandable card backdrop element with
- Device
- New
device.electron
property which istrue
when app runs in Electron environment
- New
- List Index
- New
auroraItemHeight
parameter to specify item height in Aurora theme
- New
- Navbar
- New
auroraCenterTitle
parameter (enabled by default) to position title at the center in Aurora theme.
- New
- Panel
- New
app.panel.toggle(side, animate)
method to toggle (open or close) specified panel - New
panel.toggle(animate)
method to toggle (open or close) current panel - Support for
panel-toggle
class on links to toggle panels
- New
- Picker
- New
mousewheel
parameter (enabled by default) to scroll picker values with mousewheel - New
updateValuesOnMousewheel
parameter (enabled by default) to updates picker and input values during mousewheel scrolling
- New
- Pull To Refresh
- Added mousewheel support with additional
data-ptr-mousewheel="true"
attribute on PTR content element
- Added mousewheel support with additional
- Searchbar
- New Inline Searchbar to fit it better within other components. Can be enabled by adding
searchbar-inline
class to searchbar
- New Inline Searchbar to fit it better within other components. Can be enabled by adding
- Stepper
- New
stepper-round-aurora
,stepper-raised-aurora
,stepper-fill-aurora
,stepper-small-aurora
,stepper-large-aurora
modifier classes for Aurora theme
- New
- Toolbar
- New
toolbar-top-aurora
andtoolbar-bottom-aurora
modifier classes for Aurora theme
- New
- Touch
- Not it is possible to prevent active state bubbling on nested active-state elements with additional
prevent-active-state-propagation
class on nested active-state element - Improved clicks handling with Apple Pencil
- Not it is possible to prevent active state bubbling on nested active-state elements with additional
- Typography
- New half-value margin and padding classes:
margin-half
,margin-left-half
,margin-right-half
,margin-top-half
,margin-bottom-half
,margin-horizontal-half
,margin-vertical-half
,padding-half
,padding-left-half
,padding-right-half
,padding-top-half
,padding-bottom-half
,padding-horizontal-half
,padding-vertical-half
- New half-value margin and padding classes:
- View / Router
- Router component’s
$theme
object now contains booleanaurora
property which istrue
for Aurora theme - New Aurora-related parameters:
auroraPageLoadDelay
,auroraSwipeBack
,auroraSwipeBackThreshold
,auroraSwipeBackActiveArea
,auroraSwipeBackAnimateShadow
,auroraSwipeBackAnimateOpacity
- Fixed VDOM rendering with SVG elements
- Router component’s
- Phenome
- React and Vue’s component prototype
$theme
object now contains booleanaurora
property which istrue
for Aurora theme - New Appbar component
- Button
- New Aurora related modifier props:
raisedAurora
,roundAurora
,largeAurora
,smallAurora
,fillAurora
,outlineAurora
- New Aurora related modifier props:
- Icon
- New
aurora
prop to specify icon for Aurora theme
- New
- Link
- New
iconAurora
prop to specify icon for Aurora theme
- New
- ListIndex
- New
auroraItemHeight
prop to specify item height in Aurora theme
- New
- Navbar
- New boolean
backLinkForce
prop to load and ignore previous page in history - New boolean
backLinkShowText
prop to hide or show back button text. By default disable for MD theme
- New boolean
- Page
- New
ptrMousewheel
prop to make PTR work with mousewheel
- New
- Searchbar
- New
inline
boolean prop to enable inline searchbar
- New
- Stepper
- New Aurora related modifier props:
raisedAurora
,roundAurora
,largeAurora
,smallAurora
,fillAurora
- New
iconAurora
prop to specify icon for Aurora theme
- New Aurora related modifier props:
- Toolbar
- New
topAurora
andbottomAurora
boolean props to set Toolbar position for Aurora theme
- New
- React and Vue’s component prototype
- Lots of minor fixed and improvements