Problem/Motivation
Olivero was committed in. This META issue is tracking tasks to make it stable and the default theme.
Proposed resolution
Must-have issues for stable release:
Features
- #3152545: Make fixed/fluid width page wrapping and aligning on wide screen optional via settings
- #3130726: Add layout--content-full+ small correction on layout--content-narrow css classes
Accessibility
- #3210199: Olivero: Adjustments to landmark regions
- #3153260: Standardize Olivero's focus states across all non-form controls
- #3177238: Stronger visual affordance for Olivero's textbox form elements (Design only)
- #3129257: Olivero: Mobile tabs can become out of order if browser is resized
- #3190262: [META] Assess Olivero for WCAG Resize Text and Reflow success criteria.
- #3191077: Olivero narrow/mobile menu constrains tabbing in one direction only.
- #3190120: Olivero: Focused level-2 nav items should always be in viewport during keyboard navigation.
- #3186349: Major accessibility problems with Olivero header show/hide feature
- #3177260: [META] Accessibility of Olivero header/menu region - Check for any other bugs classed major there, in case we've forgotten to add them here.
- #3191682: Ensure that Olivero's focus states are visible and accessible in Windows High Contrast mode
- #3191692: Have secondary menus close on blur
- #3194350: Implement new form element designs for Olivero
- #3191716: Opening desktop dropdown menu using pointer device requires two taps/clicks
- #3192903: Mouseout event should not close navigation sub-menu if focus is inside the sub-menu
Bugs
- #3149714: Olivero: Audit form items within settings tray for visual inconsistencies
- #3165452: Override Drupal.theme.message to to make sure JS messages get rendered correctly
- #3165450: Ensure mobile menu is displayed when JS is disabled
- #3173825: "User pictures in posts" and "User pictures in comments" don't seem to work
- #3174067: Avoid duplication in field--comment-body.html.twig
- #3174074: menu-local-task.html.twig contains invalid HTML
- #3174077: There is no indentation to indicate a comment is a reply to another comment
- #3174101: The comment on olivero_preprocess_menu_local_tasks no longer seems relevant
- #3182134: Resolve Olivero config differences after install
- #3182711: Help block is placed into help region, but that doesn’t exist
- #3191725: Ensure that tabledrag user interface is usable within Olivero
Technical debt
- #3156207: [META] Olivero Coding standards review and fix - CSS files
- #3117698: Allow PostCSS Plugin “Px to Rem” in core for Olivero theme
- #3124796: META: Adjust Olivero codebase to meet Drupal coding standards
- #3165449: Ensure all SVGs are optimized
- #3138850: Optimize svg of system-powered-by block
- #3151405: All css colors must be variable
- #3173898: [meta] Olivero JavaScript coding standards fixes
- #3177918: Holistically refactor use of Olivero's z-index rules to play nice with Core
- #3190268: Move/remove JavaScript polyfills
- #3173832: Ensure Olivero's JS documentation matches standards
- #3173877: [meta] QA testing of Olivero across multiple browsers
- #3174107: Add additional testing coverage for Olivero
- #3173898: [meta] Olivero JavaScript coding standards fixes
- #3173008: [Code Review] wide image within article template a reusable component/class
- #3173010: Class clean up and add #0c0d0e and #171e23 as variables in Olivero's footer.pcss.css
- #3173012: Olivero header-search-wide.pcss.css and header-search-narrow.pcss.css adjustments
- #3173016: Address code feedback for Olivero's node.pcss.css partials
- #3173022: Figure out a clean way to manage the style of Olivero's menu block in the sidebar region
- #3182200: Follow proper BEM syntax within secondary navigation menu
- #3196874: BEMifying Olivero's book pager
Should-have issues for stable release:
Accessibility
- #3093461: Let users disable animation in Olivero
- #3177345: Powered by Drupal block fails WCAG contrast (minimum)
- #3180086: It should not be possible to have two dropdown menus appear at the same time within Olivero
- #3190140: Collapsible nav button text should be more descriptive
- #3191680: Figure out focus state for search form in Olivero
- #3177260: [META] Accessibility of Olivero header/menu region - Check for any other bugs classed normal there, in case we've forgotten to add them here.
- #3191806: Only close Olivero sub-menus when resize results in a different menu format
Should have for backend API use
Olivero “Post-stable” criteria
Features
- #3086514: Investigate use of the changing color themes for Olivero
- #3127588: Theme Olivero's language switcher
- #3145934: Enable the usage of social media icons on Olivero's left "social bar"
Bugs
- #3152333: Dropdown arrow in settings tray not visible and properly aligned
- #3149863: jQuery UI "Leave Preview" dialog buttons not aligned
Technical debt
- #3142857: Refactor Olivero's usage of layout CSS class in node--article--full
- #3153321: Olivero Utilities - debug.es6.js toggleLogo() use hardcoded logo path/name
- #3135518: Replace correct text in README.md file
- #3128132: Move burger and cross animated icons into single component
- #3165975: Remove unneeded todo
Accessibility
- #3116047: Windows High Contrast Accessibility Feedback for Olivero
- #3153796: Initialize dynamic ARIA properties and states in Javascript, not HTML source
- #3153265: Olivero: Skip link focus should not create layout shift
Design/Usability improvements
- #3153868: Olivero: Design 404 "Page not found" and 403 "Forbidden/Access denied" pages
- #3151687: Entity reference with label formatter should not have separate styling
- #3144070: Extra space about taxonomy views
- #3092718: UX Issue in Search
- #3128163: H1 font size is really too big in some context
- #3129153: Improve theming of field-multiple-table fields
- #3088572: Very little of Olivero's content is visible on 13" Macbook screen (without scrolling)
- #3180280: [Olivero Theme] [Design QA]: Reduce the letter spacing within the Subnav menu items
- #3180281: [Olivero Theme] [Design QA]: Adjust the column count of the form helper text container
- #3180282: [Olivero Theme] [Design QA]: Tighten up the Tables
- #3182242: [Olivero Theme]: Theme 404 "Page not found" and 403 "Forbidden/Access denied" pages
Related Drupal Core Issues
- #3156244: Title variable isn't set by Syndicate block - so the link text is an unfinished sentence
- #3048848: Syndicate block outputs wrong feed URL
Issues required to set Olivero as the default front-end theme for core
- #3171149: Set article content type to use "wide" image style within standard profile
- #3171570: Remove Olivero's custom hard-coding of the image style within article content type's full view mode
API changes
None.
Data model changes
None.
Release notes snippet
TBD