Material 3 Theme v1.2.6

Announcements
1

Hi everyone,

We’ve released a new version of the Material 3 Theme! Here’s what’s changed:

Updates

  • Apps that use the Material 3 Theme as a dependency now have import m3.components as m3 automatically added to Form code.
  • Commonly-used components are now at the top of the Toolbox

Fixes

  • Fixed an issue where components wouldn’t align properly when placed inside a RichText component.
  • Plot components now auto-import plotly.graph_objects when added to a Form.
  • Disabled AvatarMenus now look disabled when they display an image. They also no longer change color when being hovered over.
  • The placeholder text on filled Buttons is now more readable.
  • Fixed issue where the icon of a Text component would get cut off when the text content wrapped to multiple lines.
  • The navigation drawer in the NavDrawerLayout now properly overlays content on mobile.
  • If a TextInput has display_underline set to True but no text, there no longer is a small line visible. This happened because the placeholder text for TextInputs was set to a space instead of an empty string.
  • The Avatar and AvatarMenu role properties are now properly implemented.
  • Unchecked Checkboxes are now the correct color.
  • The DatePicker component is now in the “Form Input” section of the Toolbox.

To upgrade to this new version, go to your app’s Settings > Dependencies, and change the Material 3 Theme dependency version to v1.2.6. 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

6 Likes
2

Love that this is always getting new fixes and enhancements!

1 Like
3

The alignment fix for components inside RichText looks really useful. That issue used to create some messy layouts, so having it corrected should make designs much smoother.