Hi, all! Here are a few projects the Design Team has contributed to over the past couple of weeks.
Curating TT3 style variations
We’ve been busy curating and remixing a set of 10 community-submitted style submissions to be bundled with the upcoming Twenty Twenty-Three theme, which were announced on the Make Design blog this week. In total, we received 38 submissions from 19 contributors in 8 different countries!
Improvements to the WordPress.org Homepage
An idea for rotating between different versions of the large headline at the top of the homepage with each page load went live on the wordpress.org site.
Text and block selection improvements in Safari
A selection across HTML markup, in Safari, is interpreted as a selection across every node and element in the DOM, and paints a selection marker to that effect. But this is not accurate to what you should see in an editor, where only a subset gets copied or interacted with. By carefully employing user-select, we improved the accuracy of what actually gets selected. These improvements are in v14.1, with more to come. Read more in the PR.
Navigation block overlay improvements
The navigation overlay now uses root paddings if they are defined, making it possible for themes to ensure the menu icon sits exactly where the overlay close button will be. A subtle fade/move animation was also added to the overlay that opens. Completed in PR 1, PR 2.
Navigation block display UI improvements
As part of the efforts to improve the navigation block, we have proposed an enhancement to make the Overlay Menu interface much easier to use and we are also working on adding more customization options (issue).
Header hand-off
Since Openverse team will start to implement the new header next week, we have been polishing the component for all breakpoints and other use cases. The hand-off steps required creating several Figma components for the Design Library migration.
Quality of Life improvements in the Design Library
We continue improving the WordPress Design Library and this week we moved the deprecated components and views to an independent file. We also added a small visual guide to better explain the role of each page. These small improvements try to make the library more accessible for new and existing users.
If you have updates you’d like to include in the next Design Share, please drop a note in the Design channel on the Making WordPress Slack.