Material 3 Theme v1.2.5

Announcements
1

Hello everyone!

There’s a new version of the Material 3 Theme out. Here’s what’s changed:

Fixes

  • The DropdownMenu’s error property now actually works
  • The CardContentContainer component has show and hide events
  • The FileLoader’s align property now has a “full” option
  • You can now import all components using the components package, e.g. from m3.components import Avatar
  • The margin property of the AvatarMenu is applied to the correct element, which means that adding margin no longer messes with the placement of the menu
  • The FileLoader’s default spacing now targets correct element. This means that the default margin and padding are properly displayed in the Properties Panel and can be overridden
  • The Menu in Menu components (e.g. ButtonMenu) is now display:none when closed
  • The theme should now work okay with the Free Plan banner
  • .anvil-panel-row divs no longer center align their children. This stops the ColumnPanel from center aligning components

In this new version, ColumnPanels will no longer center align their components, so they will act exactly as they do in other Anvil themes. The center align problem with ColumnPanels was an accidental effect of trying to fix another problem. Now, however, M3 components won’t always align with each other. The way to fix this is to put components in a FlowPanel and set the FlowPanel’s vertical_align property to center.

To upgrade to this new version, go to your app’s Settings > Dependencies, and change the Material 3 Theme dependency version to v1.2.5. Any newly created Material 3 Theme apps will use this version.

Full changelog here: material-3-theme/CHANGELOG.md at master · anvil-works/material-3-theme · GitHub 10

8 Likes