material-components / material-design-for-wordpress Goto Github PK
View Code? Open in Web Editor NEWMaterial Design plugin for WordPress
Material Design plugin for WordPress
Dawid to list animations and images used in his patterns so the licensing details can be reviewed.
Do not alter or remove anything below. The following sections will be managed by moderators only.
Issue by dugajean
Sunday Mar 15, 2020 at 16:14 GMT
Originally opened as xwp/material-design-wp-plugin#101
The settings to set if a link should go on a new tab and setting the link rel seem to be quite universal across our block. It makes sense to extract this behavior to its own component and make it easily reusable.
Issue by jauyong
Monday Feb 22, 2021 at 19:43 GMT
Originally opened as xwp/material-design-wp-plugin#549
Original Ticket: https://wordpress.org/support/topic/sort-order-of-last-posts-on-homepage/
In the masonry layout in the theme, the columns are two divs which hold all the posts and this changes the sort order for mobile
Note: Verify that this does not occur on the card blocks in the plugin
On mobile, the order the posts are displayed in should be "correct" and match the order displayed on larger screen displays.
Do not alter or remove anything below. The following sections will be managed by moderators only.
Issue by jwold
Wednesday Mar 04, 2020 at 16:06 GMT
Originally opened as xwp/material-design-wp-plugin#76
Material offers guidelines for creating dark and light theme UI. This is worth exploring for a future iteration.
https://material.io/design/color/dark-theme.html#
Conditional:
Notes
Do not alter or remove anything below. The following sections will be managed by moderators only.
Issue by jwold
Friday May 08, 2020 at 17:51 GMT
Originally opened as xwp/material-design-wp-plugin#235
Consider a toggle to switch between content/excerpt when users choose number of words in card content area.
Cathi: List mode was not called out specifically, however participants wanted to understand if text was pulled from an excerpt or the start of the content. As I understood it, would there be an option to to work with the “READ MORE” functionality where the content length can be manually set in post editor? or Would you be able to choose between pull from excerpt and pull form content… Does that make sense? It was an insight I thought.
Do not alter or remove anything below. The following sections will be managed by moderators only.
Issue by jwold
Wednesday Mar 18, 2020 at 17:03 GMT
Originally opened as xwp/material-design-wp-plugin#107
We also explored a template mode, where we've generated a number of templates, such as groups of blocks (patterns), or potentially pages (contact, about, services, tbd) and those can be added to the page by selecting them as a template. Similar to otter.
The challenge of having the demo page also as the Kitchen Sink is that there would be a difference between the two. On the Kitchen Sink
Todo
Explore block patterns to pull in demo content and help users to better explore the capabilities of Material. This could likely be a dozen or so patterns to best showcase the blocks in groupings.
Do not alter or remove anything below. The following sections will be managed by moderators only.
As a site editor I want a carousel block to display content
Do not alter or remove anything below. The following sections will be managed by moderators only.
Issue by emeaguiar
Monday Mar 15, 2021 at 17:36 GMT
Originally opened as xwp/material-design-wp-plugin#564
The button to remove cards doesn't seem to work when clicked
Clicking the X button in cards images should remove the image from card and display the media selector again.
Do not alter or remove anything below. The following sections will be managed by moderators only.
Issue by jauyong
Thursday Dec 10, 2020 at 19:39 GMT
Originally opened as xwp/material-design-wp-plugin#475
Capture and prioritize any issues that are found.
Do not alter or remove anything below. The following sections will be managed by moderators only.
Issue by dugajean
Wednesday Apr 29, 2020 at 20:27 GMT
Originally opened as xwp/material-design-wp-plugin#203
In the assets/
directory we have the following directories:
css
js
src
This doesn't make much sense, as src
contains JS code which when compiled goes to the js
folder. So now we have folder right under assets
which include JS code.
This isn't the case for css
. In this folder, we initially have all the compiled CSS and another inner src/
folder which contains the CSS we code in (assets/css/src
).
This whole structure is quite messy and unintuitive to newcomers and should be changed into a more consistent structure.
Proposed solutions:
css
and a js
folder right under assets
; The compiled assets are right there under these folders, but there's also a src
folder in each of these folders containing the actual source code. In short: replicate what CSS has to the JS side.css
, a js
folder and a dist
folder - right under assets
; This dist
folder contains both compiled JS and CSS. The css
and js
folder hold their respective source files.One of these two solutions guarantees consistency and reduces confusion at navigating theses project files.
Input welcome.
Issue by jwold
Tuesday Mar 03, 2020 at 00:21 GMT
Originally opened as xwp/material-design-wp-plugin#66
Currently the Curated Card Collection block allows for creating cards based on posts. We'd like to extend that to include cards from pages, and custom post types.
Inspiration: Hand-picked Products
Sorting: Need to think about that and the accessibility. (And filtering)
Do not alter or remove anything below. The following sections will be managed by moderators only.
posts and pages
selectedrecent posts
block as well. Issue by jwold
Thursday Feb 13, 2020 at 22:24 GMT
Originally opened as xwp/material-design-wp-plugin#14
Displays a list of the most recent posts from your site. The posts are ordered inside of cards, and have styles to change the display order.
Do not alter or remove anything below. The following sections will be managed by moderators only.
Adding the block
Previewing the block
Masonry style
, 3 columns
, and text above media
Block settings
Styles
SVGs.zip
ImageRadioControl
component (see #46) which will get an array of styles. Each style will have a src attribute which will be an SVG icon component.RangeControl
core component only visible when the style attribute value is Masonry or Grid .RangeControl
core component only visible when the style attribute value is Masonry or Grid.ToggleControl
core component.ToggleControl
core component.ToggleControl
core component.RangeControl
core component, only visible when the Post content attribute is selected.ToggleControl
core component.SelectControl
core component, only visible when the Feature image attribute is selected.ToggleControl
core component.ToggleControl
core component.Placeholder
component. It will show a Spinner
core component until the recents posts are being successfully fetched. If no posts are found it will show a textual informationMasonry
component provided by the react-masonry-css external library. Otherwise it will be a custom component. This component will have a SinglePost
custom component as a child called in a loop going through the recent posts array.Note 1: With most of these changes you'll also want to see if the frontend is working, and not just the Gutenberg preview. It's possible there are discrepancies.
Note 2: For now we're just testing with the theme set in the staging env
Adding the block
Previewing the block
Ensure the ripple effect works as expected
Verify that posts function in all 3 styles and all 3 content layouts with and without images
Test against the card component to validate whether the block overall follows the card guidelines https://material.io/develop/web/components/cards/
Ensure that the 3 styles appear as expected
Ensure that columns work as expected
Ensure that the width options in the block toolbar function correctly
Ensure that each of the post meta settings appear as expected
Test the post orders, may require adding comments to a few posts, and verifying the post publish dates
Test whether the block changes when the font, radius, colors, and icon type are changed in the Customizer
Issue by jwold
Wednesday Mar 18, 2020 at 17:03 GMT
Originally opened as xwp/material-design-wp-plugin#107
We also explored a template mode, where we've generated a number of templates, such as groups of blocks (patterns), or potentially pages (contact, about, services, tbd) and those can be added to the page by selecting them as a template. Similar to otter.
The challenge of having the demo page also as the Kitchen Sink is that there would be a difference between the two. On the Kitchen Sink
Todo
Explore block patterns to pull in demo content and help users to better explore the capabilities of Material. This could likely be a dozen or so patterns to best showcase the blocks in groupings.
Do not alter or remove anything below. The following sections will be managed by moderators only.
Issue by jwold
Monday Aug 10, 2020 at 18:33 GMT
Originally opened as xwp/material-design-wp-plugin#366
We have another issue, #357, where we want to dynamically insert recommended colors for users of Material blocks, based on the style
they've chosen. This issue explores whether we could add additional color palettes that compliment those colors.
Do not alter or remove anything below. The following sections will be managed by moderators only.
Do not alter or remove anything below. The following sections will be managed by moderators only.
Issue by jauyong
Monday Dec 07, 2020 at 14:36 GMT
Originally opened as xwp/material-design-wp-plugin#465
Review Global vs child settings in the block and compare to how we’ve handled it before(list block).
See related ticket #377 #496
Note: consider using the in context menu as opposed to the side bar with options
Update the more settings side panel based on the mocks.
Do not alter or remove anything below. The following sections will be managed by moderators only.
Side Panel settings should flow as follows:
Issue by jwold
Friday Jun 19, 2020 at 19:16 GMT
Originally opened as xwp/material-design-wp-plugin#293
Do not alter or remove anything below. The following sections will be managed by moderators only.
Issue by jauyong
Thursday Feb 04, 2021 at 20:37 GMT
Originally opened as xwp/material-design-wp-plugin#534
As a plugin user, I want to be able to manage my settings such as updating fonts and icons
This is a blocker to #460 and #461
Do not alter or remove anything below. The following sections will be managed by moderators only.
Issue by jauyong
Monday Dec 07, 2020 at 14:17 GMT
Originally opened as xwp/material-design-wp-plugin#461
I want access to the latest Google Icons.
Resources: https://developers.google.com/fonts/docs/developer_api
Related to #354
This ticket was split from #383
Do not alter or remove anything below. The following sections will be managed by moderators only.
assets/fonts/icons.codepoints
.https://raw.githubusercontent.com/google/material-design-icons/master/font/MaterialIcons-Regular.codepoints
assets/fonts/icons.codepoint
file()
function does this.assets/fonts/icons.json
.name code
and should be split again on a space to create a JSON object such as:{
"icons": {
"e577": {
"name": "360"
},
"e84d": {
"name": "3d_rotation"
}
}
Issue by jauyong
Thursday Dec 10, 2020 at 19:25 GMT
Originally opened as xwp/material-design-wp-plugin#470
As an editor, I want a way to preview posts so that I can add the correct ones to my curated cards collection block.
Improve how posts are displayed when they have no title.
Do not alter or remove anything below. The following sections will be managed by moderators only.
(no title)
Issue by jauyong
Friday Feb 19, 2021 at 18:20 GMT
Originally opened as xwp/material-design-wp-plugin#543
As a support member/troubleshooter, I want the Plugin and Theme to maintain the same version numbers for quick identification of issues.
Do not alter or remove anything below. The following sections will be managed by moderators only.
Issue by jauyong
Tuesday Dec 08, 2020 at 15:30 GMT
Originally opened as xwp/material-design-wp-plugin#468
Placeholder ticket to add Aria Labels for Accessibility.
See comment
https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-label_attribute
Do not alter or remove anything below. The following sections will be managed by moderators only.
Boilerplate code to be used for the patterns we will be building.
Do not alter or remove anything below. The following sections will be managed by moderators only.
Issue by jauyong
Tuesday Mar 16, 2021 at 14:35 GMT
Originally opened as xwp/material-design-wp-plugin#566
Original Ticket: https://wordpress.org/support/topic/image-size-on-homepage/
Note: this will happen for the plugin and the theme
Do not alter or remove anything below. The following sections will be managed by moderators only.
img
tag so WordPress can use srcset
while also maintaining the aspect ratio.img
element.As a site editor I want another button variation
Do not alter or remove anything below. The following sections will be managed by moderators only.
Issue by jauyong
Thursday Dec 10, 2020 at 19:36 GMT
Originally opened as xwp/material-design-wp-plugin#473
Surface issues of friction and frustration as well as ease and validation along the way.
Do not alter or remove anything below. The following sections will be managed by moderators only.
Issue by jwold
Friday Aug 21, 2020 at 16:21 GMT
Originally opened as xwp/material-design-wp-plugin#380
There are additional update features available to plugins and themes related to updating (with WP 5.5). We can point to a file now somewhere and have that be updated.
That way, once the plugin/theme are in .org, it will allow for smoother flows with updating to the latest versions.
Do not alter or remove anything below. The following sections will be managed by moderators only.
Issue by jwold
Thursday Feb 27, 2020 at 22:24 GMT
Originally opened as xwp/material-design-wp-plugin#56
As a site owner I'd like the ability to change density on my site.
For this user story we'll just look at how it is applied globally. We can offer a control within the Customizer to set all components to Default
, Comfortable
, Compact
.
This will need discussion, prototyping, and acceptance criteria.
Initial wireframe:
Do not alter or remove anything below. The following sections will be managed by moderators only.
NOTE: This is not actionable yet as we don't have a way to insert icons
Do not alter or remove anything below. The following sections will be managed by moderators only.
Do not alter or remove anything below. The following sections will be managed by moderators only.
With the merge of the theme into the repo several errors are displayed by the Sniffer, these need to be updated to pass the checks, example:
theme/template-parts/menu-tabs.php:43:25: error - Short array syntax must be used to define arrays (Generic.Arrays.DisallowLongArraySyntax.Found)
theme/search.php:40:67: error - Mismatched text domain. Expected 'material-design' but got 'material-design-google'. (WordPress.WP.I18n.TextDomainMismatch)
theme/template-parts/post-nav-links.php:26:18: warning - get_previous_post_link() is highly discouraged due to not being cached; please use wpcom_vip_get_adjacent_post() instead. (WordPressVIPMinimum.Functions.RestrictedFunctions.get_adjacent_post_get_previous_post_link)
theme/template-parts/post-nav-links.php:27:18: warning - get_next_post_link() is highly discouraged due to not being cached; please use wpcom_vip_get_adjacent_post() instead. (WordPressVIPMinimum.Functions.RestrictedFunctions.get_adjacent_post_get_next_post_link)
theme/searchform.php:38:123: error - Mismatched text domain. Expected 'material-design' but got 'material-design-google'. (WordPress.WP.I18n.TextDomainMismatch)
theme/template-parts/content-none.php:32:94: error - Mismatched text domain. Expected 'material-design' but got 'material-design-google'. (WordPress.WP.I18n.TextDomainMismatch)
theme/template-parts/content-none.php:41:99: error - Mismatched text domain. Expected 'material-design' but got 'material-design-google'. (WordPress.WP.I18n.TextDomainMismatch)
theme/template-parts/content-none.php:42:21: error - Short array syntax must be used to define arrays (Generic.Arrays.DisallowLongArraySyntax.Found)
theme/template-parts/content-none.php:43:32: error - Short array syntax must be used to define arrays (Generic.Arrays.DisallowLongArraySyntax.Found)
theme/template-parts/content-none.php:44:39: error - Short array syntax must be used to define arrays (Generic.Arrays.DisallowLongArraySyntax.Found)
theme/template-parts/content-none.php:52:130: error - Mismatched text domain. Expected 'material-design' but got 'material-design-google'. (WordPress.WP.I18n.TextDomainMismatch)
theme/template-parts/content-none.php:54:125: error - Mismatched text domain. Expected 'material-design' but got 'material-design-google'. (WordPress.WP.I18n.TextDomainMismatch)
theme/inc/admin.php:51:34: error - Mismatched text domain. Expected 'material-design' but got 'material-design-google'. (WordPress.WP.I18n.TextDomainMismatch)
theme/inc/admin.php:52:47: error - Mismatched text domain. Expected 'material-design' but got 'material-design-google'. (WordPress.WP.I18n.TextDomainMismatch)
theme/inc/admin.php:55:35: error - Mismatched text domain. Expected 'material-design' but got 'material-design-google'. (WordPress.WP.I18n.TextDomainMismatch)
theme/inc/admin.php:88:36: error - Mismatched text domain. Expected 'material-design' but got 'material-design-google'. (WordPress.WP.I18n.TextDomainMismatch)
theme/inc/admin.php:115:55: error - Mismatched text domain. Expected 'material-design' but got 'material-design-google'. (WordPress.WP.I18n.TextDomainMismatch)
theme/inc/admin.php:126:25: error - Mismatched text domain. Expected 'material-design' but got 'material-design-google'. (WordPress.WP.I18n.TextDomainMismatch)
theme/inc/admin.php:138:29: error - Mismatched text domain. Expected 'material-design' but got 'material-design-google'. (WordPress.WP.I18n.TextDomainMismatch)
theme/inc/admin.php:142:21: error - Short array syntax must be used to define arrays (Generic.Arrays.DisallowLongArraySyntax.Found)
theme/inc/admin.php:142:35: error - Short array syntax must be used to define arrays (Generic.Arrays.DisallowLongArraySyntax.Found)
theme/inc/admin.php:142:52: error - Short array syntax must be used to define arrays (Generic.Arrays.DisallowLongArraySyntax.Found)
theme/inc/admin.php:155:16: error - Short array syntax must be used to define arrays (Generic.Arrays.DisallowLongArraySyntax.Found)
theme/inc/admin.php:156:9: error - Short array syntax must be used to define arrays (Generic.Arrays.DisallowLongArraySyntax.Found)
theme/inc/admin.php:157:58: error - Mismatched text domain. Expected 'material-design' but got 'material-design-google'. (WordPress.WP.I18n.TextDomainMismatch)
theme/inc/admin.php:163:15: error - Short array syntax must be used to define arrays (Generic.Arrays.DisallowLongArraySyntax.Found)
theme/inc/widgets/class-wp-widget-categories.php:48:97: error - Mismatched text domain. Expected 'material-design' but got 'material-design-google'. (WordPress.WP.I18n.TextDomainMismatch)
theme/inc/widgets/class-wp-widget-categories.php:63:21: error - Short array syntax must be used to define arrays (Generic.Arrays.DisallowLongArraySyntax.Found)
theme/inc/widgets/class-wp-widget-categories.php:76:76: error - Mismatched text domain. Expected 'material-design' but got 'material-design-google'. (WordPress.WP.I18n.TextDomainMismatch)
theme/404.php:36:107: error - Mismatched text domain. Expected 'material-design' but got 'material-design-google'. (WordPress.WP.I18n.TextDomainMismatch)
theme/404.php:40:187: error - Mismatched text domain. Expected 'material-design' but got 'material-design-google'. (WordPress.WP.I18n.TextDomainMismatch)
theme/inc/class-menu-drawer-walker.php:38:25: error - Short array syntax must be used to define arrays (Generic.Arrays.DisallowLongArraySyntax.Found)
theme/inc/class-menu-drawer-walker.php:52:68: error - Short array syntax must be used to define arrays (Generic.Arrays.DisallowLongArraySyntax.Found)
theme/inc/widgets/class-wp-widget-meta.php:46:91: error - Mismatched text domain. Expected 'material-design' but got 'material-design-google'. (WordPress.WP.I18n.TextDomainMismatch)
theme/inc/widgets/class-wp-widget-meta.php:60:136: error - Mismatched text domain. Expected 'material-design' but got 'material-design-google'. (WordPress.WP.I18n.TextDomainMismatch)
theme/inc/widgets/class-wp-widget-meta.php:61:146: error - Mismatched text domain. Expected 'material-design' but got 'material-design-google'. (WordPress.WP.I18n.TextDomainMismatch)
theme/inc/widgets/class-wp-widget-meta.php:76:68: error - Mismatched text domain. Expected 'material-design' but got 'material-design-google'. (WordPress.WP.I18n.TextDomainMismatch)
theme/inc/widgets/class-wp-widget-meta.php:77:50: error - Mismatched text domain. Expected 'material-design' but got 'material-design-google'. (WordPress.WP.I18n.TextDomainMismatch)
theme/template-parts/content.php:49:64: error - Mismatched text domain. Expected 'material-design' but got 'material-design-google'. (WordPress.WP.I18n.TextDomainMismatch)
theme/template-parts/content.php:84:37: error - Mismatched text domain. Expected 'material-design' but got 'material-design-google'. (WordPress.WP.I18n.TextDomainMismatch)
theme/template-parts/posts-navigation.php:39:34: error - Mismatched text domain. Expected 'material-design' but got 'material-design-google'. (WordPress.WP.I18n.TextDomainMismatch)
theme/template-parts/posts-navigation.php:45:37: error - Mismatched text domain. Expected 'material-design' but got 'material-design-google'. (WordPress.WP.I18n.TextDomainMismatch)
theme/template-parts/posts-navigation.php:51:33: error - Mismatched text domain. Expected 'material-design' but got 'material-design-google'. (WordPress.WP.I18n.TextDomainMismatch)
theme/template-parts/posts-navigation.php:57:33: error - Mismatched text domain. Expected 'material-design' but got 'material-design-google'. (WordPress.WP.I18n.TextDomainMismatch)
theme/template-parts/posts-navigation.php:77:64: error - Mismatched text domain. Expected 'material-design' but got 'material-design-google'. (WordPress.WP.I18n.TextDomainMismatch)
theme/template-parts/posts-navigation.php:92:52: error - Mismatched text domain. Expected 'material-design' but got 'material-design-google'. (WordPress.WP.I18n.TextDomainMismatch)
theme/template-parts/posts-navigation.php:105:48: error - Mismatched text domain. Expected 'material-design' but got 'material-design-google'. (WordPress.WP.I18n.TextDomainMismatch)
theme/template-parts/search-archive.php:36:107: error - Mismatched text domain. Expected 'material-design' but got 'material-design-google'. (WordPress.WP.I18n.TextDomainMismatch)
theme/template-parts/search-archive.php:44:78: error - Mismatched text domain. Expected 'material-design' but got 'material-design-google'. (WordPress.WP.I18n.TextDomainMismatch)
theme/template-parts/drawer.php:49:17: error - Short array syntax must be used to define arrays (Generic.Arrays.DisallowLongArraySyntax.Found)
theme/inc/class-menu-walker.php:38:25: error - Short array syntax must be used to define arrays (Generic.Arrays.DisallowLongArraySyntax.Found)
theme/inc/class-menu-walker.php:52:68: error - Short array syntax must be used to define arrays (Generic.Arrays.DisallowLongArraySyntax.Found)
theme/template-parts/back-to-top.php:34:94: error - Mismatched text domain. Expected 'material-design' but got 'material-design-google'. (WordPress.WP.I18n.TextDomainMismatch)
theme/inc/widgets/class-wp-widget-pages.php:44:92: error - Mismatched text domain. Expected 'material-design' but got 'material-design-google'. (WordPress.WP.I18n.TextDomainMismatch)
theme/inc/widgets/class-wp-widget-pages.php:78:17: error - Short array syntax must be used to define arrays (Generic.Arrays.DisallowLongArraySyntax.Found)
theme/template-parts/search-header.php:34:63: error - Mismatched text domain. Expected 'material-design' but got 'material-design-google'. (WordPress.WP.I18n.TextDomainMismatch)
theme/template-parts/search-header.php:35:53: error - Mismatched text domain. Expected 'material-design' but got 'material-design-google'. (WordPress.WP.I18n.TextDomainMismatch)
theme/template-parts/search-header.php:42:69: error - Mismatched text domain. Expected 'material-design' but got 'material-design-google'. (WordPress.WP.I18n.TextDomainMismatch)
theme/template-parts/search-header.php:44:185: error - Mismatched text domain. Expected 'material-design' but got 'material-design-google'. (WordPress.WP.I18n.TextDomainMismatch)
theme/inc/customizer/header-footer.php:47:59: error - Mismatched text domain. Expected 'material-design' but got 'material-design-google'. (WordPress.WP.I18n.TextDomainMismatch)
theme/inc/customizer/header-footer.php:64:51: error - Mismatched text domain. Expected 'material-design' but got 'material-design-google'. (WordPress.WP.I18n.TextDomainMismatch)
theme/inc/customizer/header-footer.php:69:66: error - Mismatched text domain. Expected 'material-design' but got 'material-design-google'. (WordPress.WP.I18n.TextDomainMismatch)
theme/inc/customizer/header-footer.php:74:76: error - Mismatched text domain. Expected 'material-design' but got 'material-design-google'. (WordPress.WP.I18n.TextDomainMismatch)
theme/inc/customizer/header-footer.php:76:106: error - Mismatched text domain. Expected 'material-design' but got 'material-design-google'. (WordPress.WP.I18n.TextDomainMismatch)
theme/inc/customizer/header-footer.php:80:60: error - Mismatched text domain. Expected 'material-design' but got 'material-design-google'. (WordPress.WP.I18n.TextDomainMismatch)
theme/inc/customizer/header-footer.php:83:55: error - Mismatched text domain. Expected 'material-design' but got 'material-design-google'. (WordPress.WP.I18n.TextDomainMismatch)
theme/inc/customizer/header-footer.php:84:52: error - Mismatched text domain. Expected 'material-design' but got 'material-design-google'. (WordPress.WP.I18n.TextDomainMismatch)
theme/inc/customizer/header-footer.php:90:60: error - Mismatched text domain. Expected 'material-design' but got 'material-design-google'. (WordPress.WP.I18n.TextDomainMismatch)
theme/inc/customizer/header-footer.php:91:149: error - Mismatched text domain. Expected 'material-design' but got 'material-design-google'. (WordPress.WP.I18n.TextDomainMismatch)
theme/inc/customizer/header-footer.php:97:49: error - Mismatched text domain. Expected 'material-design' but got 'material-design-google'. (WordPress.WP.I18n.TextDomainMismatch)
theme/inc/customizer/header-footer.php:103:54: error - Mismatched text domain. Expected 'material-design' but got 'material-design-google'. (WordPress.WP.I18n.TextDomainMismatch)
theme/inc/customizer/header-footer.php:109:66: error - Mismatched text domain. Expected 'material-design' but got 'material-design-google'. (WordPress.WP.I18n.TextDomainMismatch)
theme/inc/customizer/header-footer.php:148:13: error - Short array syntax must be used to define arrays (Generic.Arrays.DisallowLongArraySyntax.Found)
theme/inc/customizer/header-footer.php:159:13: error - Short array syntax must be used to define arrays (Generic.Arrays.DisallowLongArraySyntax.Found)
theme/inc/customizer/header-footer.php:170:13: error - Short array syntax must be used to define arrays (Generic.Arrays.DisallowLongArraySyntax.Found)
theme/inc/customizer/header-footer.php:181:13: error - Short array syntax must be used to define arrays (Generic.Arrays.DisallowLongArraySyntax.Found)
theme/inc/customizer/header-footer.php:192:13: error - Short array syntax must be used to define arrays (Generic.Arrays.DisallowLongArraySyntax.Found)
theme/inc/customizer/header-footer.php:242:16: error - Short array syntax must be used to define arrays (Generic.Arrays.DisallowLongArraySyntax.Found)
theme/inc/customizer/header-footer.php:242:60: error - Mismatched text domain. Expected 'material-design' but got 'material-design-google'. (WordPress.WP.I18n.TextDomainMismatch)
theme/inc/customizer/header-footer.php:255:13: error - Short array syntax must be used to define arrays (Generic.Arrays.DisallowLongArraySyntax.Found)
theme/inc/customizer/header-footer.php:257:113: error - Mismatched text domain. Expected 'material-design' but got 'material-design-google'. (WordPress.WP.I18n.TextDomainMismatch)
theme/template-parts/single-page.php:42:13: error - Short array syntax must be used to define arrays (Generic.Arrays.DisallowLongArraySyntax.Found)
theme/template-parts/single-page.php:43:121: error - Mismatched text domain. Expected 'material-design' but got 'material-design-google'. (WordPress.WP.I18n.TextDomainMismatch)
theme/template-parts/single-page.php:57:80: error - Mismatched text domain. Expected 'material-design' but got 'material-design-google'. (WordPress.WP.I18n.TextDomainMismatch)
theme/template-parts/single-page.php:58:25: error - Short array syntax must be used to define arrays (Generic.Arrays.DisallowLongArraySyntax.Found)
theme/template-parts/single-page.php:59:39: error - Short array syntax must be used to define arrays (Generic.Arrays.DisallowLongArraySyntax.Found)
theme/template-parts/single-page.php:60:44: error - Short array syntax must be used to define arrays (Generic.Arrays.DisallowLongArraySyntax.Found)
theme/template-parts/menu-header.php:51:152: error - Mismatched text domain. Expected 'material-design' but got 'material-design-google'. (WordPress.WP.I18n.TextDomainMismatch)
theme/comments.php:58:52: error - Mismatched text domain. Expected 'material-design' but got 'material-design-google'. (WordPress.WP.I18n.TextDomainMismatch)
theme/comments.php:75:37: error - Mismatched text domain. Expected 'material-design' but got 'material-design-google'. (WordPress.WP.I18n.TextDomainMismatch)
theme/comments.php:91:38: error - Mismatched text domain. Expected 'material-design' but got 'material-design-google'. (WordPress.WP.I18n.TextDomainMismatch)
theme/comments.php:106:40: error - Mismatched text domain. Expected 'material-design' but got 'material-design-google'. (WordPress.WP.I18n.TextDomainMismatch)
theme/comments.php:119:36: error - Mismatched text domain. Expected 'material-design' but got 'material-design-google'. (WordPress.WP.I18n.TextDomainMismatch)
theme/comments.php:153:102: error - Mismatched text domain. Expected 'material-design' but got 'material-design-google'. (WordPress.WP.I18n.TextDomainMismatch)
theme/comments.php:167:56: error - Mismatched text domain. Expected 'material-design' but got 'material-design-google'. (WordPress.WP.I18n.TextDomainMismatch)
theme/comments.php:171:131: error - Mismatched text domain. Expected 'material-design' but got 'material-design-google'. (WordPress.WP.I18n.TextDomainMismatch)
theme/comments.php:179:17: error - Short array syntax must be used to define arrays (Generic.Arrays.DisallowLongArraySyntax.Found)
theme/comments.php:194:78: error - Mismatched text domain. Expected 'material-design' but got 'material-design-google'. (WordPress.WP.I18n.TextDomainMismatch)
theme/template-parts/single.php:61:90: error - Mismatched text domain. Expected 'material-design' but got 'material-design-google'. (WordPress.WP.I18n.TextDomainMismatch)
theme/template-parts/single.php:62:21: error - Short array syntax must be used to define arrays (Generic.Arrays.DisallowLongArraySyntax.Found)
theme/template-parts/single.php:63:35: error - Short array syntax must be used to define arrays (Generic.Arrays.DisallowLongArraySyntax.Found)
theme/template-parts/single.php:64:40: error - Short array syntax must be used to define arrays (Generic.Arrays.DisallowLongArraySyntax.Found)
theme/template-parts/single.php:73:13: error - Short array syntax must be used to define arrays (Generic.Arrays.DisallowLongArraySyntax.Found)
theme/template-parts/single.php:74:121: error - Mismatched text domain. Expected 'material-design' but got 'material-design-google'. (WordPress.WP.I18n.TextDomainMismatch)
theme/inc/widgets/class-wp-widget-recent-comments.php:50:106: error - Mismatched text domain. Expected 'material-design' but got 'material-design-google'. (WordPress.WP.I18n.TextDomainMismatch)
theme/inc/widgets/class-wp-widget-recent-comments.php:74:17: error - Short array syntax must be used to define arrays (Generic.Arrays.DisallowLongArraySyntax.Found)
theme/inc/widgets/class-wp-widget-recent-comments.php:98:60: error - Mismatched text domain. Expected 'material-design' but got 'material-design-google'. (WordPress.WP.I18n.TextDomainMismatch)
theme/template-parts/site-title.php:43:84: error - Mismatched text domain. Expected 'material-design' but got 'material-design-google'. (WordPress.WP.I18n.TextDomainMismatch)
theme/template-parts/site-title.php:60:84: error - Mismatched text domain. Expected 'material-design' but got 'material-design-google'. (WordPress.WP.I18n.TextDomainMismatch)
theme/inc/customizer/layout.php:47:52: error - Mismatched text domain. Expected 'material-design' but got 'material-design-google'. (WordPress.WP.I18n.TextDomainMismatch)
theme/inc/customizer/layout.php:101:60: error - Mismatched text domain. Expected 'material-design' but got 'material-design-google'. (WordPress.WP.I18n.TextDomainMismatch)
theme/inc/customizer/layout.php:104:49: error - Mismatched text domain. Expected 'material-design' but got 'material-design-google'. (WordPress.WP.I18n.TextDomainMismatch)
theme/inc/customizer/layout.php:105:51: error - Mismatched text domain. Expected 'material-design' but got 'material-design-google'. (WordPress.WP.I18n.TextDomainMismatch)
theme/inc/customizer/layout.php:110:54: error - Mismatched text domain. Expected 'material-design' but got 'material-design-google'. (WordPress.WP.I18n.TextDomainMismatch)
theme/inc/customizer/layout.php:113:48: error - Mismatched text domain. Expected 'material-design' but got 'material-design-google'. (WordPress.WP.I18n.TextDomainMismatch)
theme/inc/customizer/layout.php:114:54: error - Mismatched text domain. Expected 'material-design' but got 'material-design-google'. (WordPress.WP.I18n.TextDomainMismatch)
theme/inc/customizer/layout.php:119:70: error - Mismatched text domain. Expected 'material-design' but got 'material-design-google'. (WordPress.WP.I18n.TextDomainMismatch)
theme/inc/customizer/layout.php:125:58: error - Mismatched text domain. Expected 'material-design' but got 'material-design-google'. (WordPress.WP.I18n.TextDomainMismatch)
theme/inc/customizer/layout.php:131:56: error - Mismatched text domain. Expected 'material-design' but got 'material-design-google'. (WordPress.WP.I18n.TextDomainMismatch)
theme/inc/customizer/layout.php:137:57: error - Mismatched text domain. Expected 'material-design' but got 'material-design-google'. (WordPress.WP.I18n.TextDomainMismatch)
theme/inc/customizer/layout.php:143:54: error - Mismatched text domain. Expected 'material-design' but got 'material-design-google'. (WordPress.WP.I18n.TextDomainMismatch)
theme/inc/customizer/layout.php:149:58: error - Mismatched text domain. Expected 'material-design' but got 'material-design-google'. (WordPress.WP.I18n.TextDomainMismatch)
theme/inc/customizer/layout.php:155:71: error - Mismatched text domain. Expected 'material-design' but got 'material-design-google'. (WordPress.WP.I18n.TextDomainMismatch)
theme/inc/customizer/layout.php:159:55: error - Mismatched text domain. Expected 'material-design' but got 'material-design-google'. (WordPress.WP.I18n.TextDomainMismatch)
theme/inc/customizer/layout.php:160:53: error - Mismatched text domain. Expected 'material-design' but got 'material-design-google'. (WordPress.WP.I18n.TextDomainMismatch)
theme/inc/widgets/class-wp-widget-recent-posts.php:48:103: error - Mismatched text domain. Expected 'material-design' but got 'material-design-google'. (WordPress.WP.I18n.TextDomainMismatch)
theme/inc/widgets/class-wp-widget-recent-posts.php:73:17: error - Short array syntax must be used to define arrays (Generic.Arrays.DisallowLongArraySyntax.Found)
theme/inc/widgets/class-wp-widget-recent-posts.php:97:102: error - Mismatched text domain. Expected 'material-design' but got 'material-design-google'. (WordPress.WP.I18n.TextDomainMismatch)
theme/inc/customizer/menu.php:51:88: error - Mismatched text domain. Expected 'material-design' but got 'material-design-google'. (WordPress.WP.I18n.TextDomainMismatch)
theme/inc/customizer/menu.php:68:35: error - Mismatched text domain. Expected 'material-design' but got 'material-design-google'. (WordPress.WP.I18n.TextDomainMismatch)
theme/inc/customizer/menu.php:69:63: error - Mismatched text domain. Expected 'material-design' but got 'material-design-google'. (WordPress.WP.I18n.TextDomainMismatch)
theme/functions.php:65:13: error - Short array syntax must be used to define arrays (Generic.Arrays.DisallowLongArraySyntax.Found)
theme/functions.php:66:49: error - Mismatched text domain. Expected 'material-design' but got 'material-design-google'. (WordPress.WP.I18n.TextDomainMismatch)
theme/functions.php:67:51: error - Mismatched text domain. Expected 'material-design' but got 'material-design-google'. (WordPress.WP.I18n.TextDomainMismatch)
theme/functions.php:77:13: error - Short array syntax must be used to define arrays (Generic.Arrays.DisallowLongArraySyntax.Found)
theme/functions.php:96:13: error - Short array syntax must be used to define arrays (Generic.Arrays.DisallowLongArraySyntax.Found)
theme/functions.php:134:9: error - Short array syntax must be used to define arrays (Generic.Arrays.DisallowLongArraySyntax.Found)
theme/functions.php:135:59: error - Mismatched text domain. Expected 'material-design' but got 'material-design-google'. (WordPress.WP.I18n.TextDomainMismatch)
theme/functions.php:137:65: error - Mismatched text domain. Expected 'material-design' but got 'material-design-google'. (WordPress.WP.I18n.TextDomainMismatch)
theme/functions.php:146:9: error - Short array syntax must be used to define arrays (Generic.Arrays.DisallowLongArraySyntax.Found)
theme/functions.php:147:60: error - Mismatched text domain. Expected 'material-design' but got 'material-design-google'. (WordPress.WP.I18n.TextDomainMismatch)
theme/functions.php:149:66: error - Mismatched text domain. Expected 'material-design' but got 'material-design-google'. (WordPress.WP.I18n.TextDomainMismatch)
theme/functions.php:166:77: error - Short array syntax must be used to define arrays (Generic.Arrays.DisallowLongArraySyntax.Found)
theme/functions.php:168:141: error - Short array syntax must be used to define arrays (Generic.Arrays.DisallowLongArraySyntax.Found)
theme/functions.php:182:120: error - Short array syntax must be used to define arrays (Generic.Arrays.DisallowLongArraySyntax.Found)
theme/inc/jetpack.php:39:9: error - Short array syntax must be used to define arrays (Generic.Arrays.DisallowLongArraySyntax.Found)
theme/inc/jetpack.php:52:9: error - Short array syntax must be used to define arrays (Generic.Arrays.DisallowLongArraySyntax.Found)
theme/inc/jetpack.php:53:34: error - Short array syntax must be used to define arrays (Generic.Arrays.DisallowLongArraySyntax.Found)
theme/inc/jetpack.php:61:34: error - Short array syntax must be used to define arrays (Generic.Arrays.DisallowLongArraySyntax.Found)
theme/header.php:45:102: error - Mismatched text domain. Expected 'material-design' but got 'material-design-google'. (WordPress.WP.I18n.TextDomainMismatch)
theme/inc/template-functions.php:66:24: error - Short array syntax must be used to define arrays (Generic.Arrays.DisallowLongArraySyntax.Found)
theme/inc/template-functions.php:85:17: error - Short array syntax must be used to define arrays (Generic.Arrays.DisallowLongArraySyntax.Found)
theme/inc/widgets/class-wp-widget-rss.php:58:51: error - Short array syntax must be used to define arrays (Generic.Arrays.DisallowLongArraySyntax.Found)
theme/inc/widgets/class-wp-widget-rss.php:79:77: error - Mismatched text domain. Expected 'material-design' but got 'material-design-google'. (WordPress.WP.I18n.TextDomainMismatch)
theme/inc/widgets/class-wp-widget-rss.php:112:58: error - Short array syntax must be used to define arrays (Generic.Arrays.DisallowLongArraySyntax.Found)
theme/inc/widgets/class-wp-widget-rss.php:124:64: error - Mismatched text domain. Expected 'material-design' but got 'material-design-google'. (WordPress.WP.I18n.TextDomainMismatch)
theme/inc/widgets/class-wp-widget-rss.php:129:25: error - Short array syntax must be used to define arrays (Generic.Arrays.DisallowLongArraySyntax.Found)
theme/inc/widgets/class-wp-widget-rss.php:146:125: error - Mismatched text domain. Expected 'material-design' but got 'material-design-google'. (WordPress.WP.I18n.TextDomainMismatch)
theme/inc/widgets/class-wp-widget-rss.php:162:50: error - Mismatched text domain. Expected 'material-design' but got 'material-design-google'. (WordPress.WP.I18n.TextDomainMismatch)
theme/inc/template-tags.php:68:61: error - Mismatched text domain. Expected 'material-design' but got 'material-design-google'. (WordPress.WP.I18n.TextDomainMismatch)
theme/inc/template-tags.php:139:60: error - Mismatched text domain. Expected 'material-design' but got 'material-design-google'. (WordPress.WP.I18n.TextDomainMismatch)
theme/inc/template-tags.php:178:94: error - Mismatched text domain. Expected 'material-design' but got 'material-design-google'. (WordPress.WP.I18n.TextDomainMismatch)
theme/inc/template-tags.php:179:25: error - Short array syntax must be used to define arrays (Generic.Arrays.DisallowLongArraySyntax.Found)
theme/inc/template-tags.php:180:39: error - Short array syntax must be used to define arrays (Generic.Arrays.DisallowLongArraySyntax.Found)
theme/inc/template-tags.php:181:44: error - Short array syntax must be used to define arrays (Generic.Arrays.DisallowLongArraySyntax.Found)
theme/inc/template-tags.php:195:76: error - Mismatched text domain. Expected 'material-design' but got 'material-design-google'. (WordPress.WP.I18n.TextDomainMismatch)
theme/inc/template-tags.php:238:17: error - Short array syntax must be used to define arrays (Generic.Arrays.DisallowLongArraySyntax.Found)
theme/inc/template-tags.php:240:25: error - Short array syntax must be used to define arrays (Generic.Arrays.DisallowLongArraySyntax.Found)
theme/inc/widgets/class-wp-widget-archives.php:44:95: error - Mismatched text domain. Expected 'material-design' but got 'material-design-google'. (WordPress.WP.I18n.TextDomainMismatch)
theme/inc/widgets/class-wp-widget-archives.php:77:17: error - Short array syntax must be used to define arrays (Generic.Arrays.DisallowLongArraySyntax.Found)
theme/inc/widgets/class-wp-widget-archives.php:87:57: error - Mismatched text domain. Expected 'material-design' but got 'material-design-google'. (WordPress.WP.I18n.TextDomainMismatch)
theme/inc/widgets/class-wp-widget-archives.php:90:58: error - Mismatched text domain. Expected 'material-design' but got 'material-design-google'. (WordPress.WP.I18n.TextDomainMismatch)
theme/inc/widgets/class-wp-widget-archives.php:93:56: error - Mismatched text domain. Expected 'material-design' but got 'material-design-google'. (WordPress.WP.I18n.TextDomainMismatch)
theme/inc/widgets/class-wp-widget-archives.php:96:57: error - Mismatched text domain. Expected 'material-design' but got 'material-design-google'. (WordPress.WP.I18n.TextDomainMismatch)
theme/inc/widgets/class-wp-widget-archives.php:99:57: error - Mismatched text domain. Expected 'material-design' but got 'material-design-google'. (WordPress.WP.I18n.TextDomainMismatch)
theme/inc/widgets/class-wp-widget-archives.php:142:21: error - Short array syntax must be used to define arrays (Generic.Arrays.DisallowLongArraySyntax.Found)
Do not alter or remove anything below. The following sections will be managed by moderators only.
Issue by jauyong
Wednesday Jan 27, 2021 at 18:19 GMT
Originally opened as xwp/material-design-wp-plugin#522
Priority: Explore
Issue 1: https://docs.google.com/spreadsheets/d/1PWNEY5L9neu1O10p2KGczON8_lWOCiXOUeGRFT3wz1k/edit#gid=0
Do not alter or remove anything below. The following sections will be managed by moderators only.
Issue by jwold
Thursday Feb 13, 2020 at 22:29 GMT
Originally opened as xwp/material-design-wp-plugin#16
Adds a Tab Bar block to organize and allow navigation between related groups of content.
Do not alter or remove anything below. The following sections will be managed by moderators only.
Adding the block:
Tabs are labeled: Tab 1, Tab 2 (etc) by default.
Block will show Tab 1 on load.
Moving tabs left and right is done in the block toolbar.
The moving arrows should indicate when a tab has reached the start or end of the list by graying out the appropriate arrow
Width should be normal by default, in the block toolbar that can be changed to wide width and full width
When the number of tabs is greater than the width of the container they should convert to scrolling tabs, and should mimic the web component behavior https://material-components.github.io/material-components-web-catalog/#/component/tabs
The New tab
button should always appear, even when scrolling left or right within the scrolling tabs.
Each tab can be removed by a delete icon. That icon should be centered with the label and should appear on hover.
The tab labels can be edited by selecting them and typing in a new label
Within each tab new blocks may be added, we should test the remaining Material blocks, and core paragraph, core image, core headline, core list, to ensure they function as expected.
The Tab Bar
block should not be disabled from being added as a child block.
The font, colors, and icon type for this block can be changed from the Customizer
Block settings
above
, the indicator should be restricted to the width of the label, similar to the web component.favorite
icon should appear by default as an example, allowing you to then change it.Prototype:
See staging env, design prototype is outdated.
InnerBlocks
will be required here, but limited to Tab Menu Item & Tab ContentInspectorControls
InnerBlocks
, any block should be allowed when editingNote 1: With most of these changes you'll also want to see if the frontend is working, and not just the Gutenberg preview. It's possible there are discrepancies.
Note 2: For now we're just testing with the theme set in the staging env
Add the block and try placing a number of blocks within each tab
See how something with 1 tab functions, 2 tabs, and as much as 20 tabs.
Add icons to tabs
Change icon to leading and above and see if it matches the web component
See if the indicator, icon type, and font change when you update them in the Customizer.
Try moving a tab to the far right and left of the order and see if indicator updates
Change width of block
Delete tabs
Change labels of tabs
Issue by jauyong
Thursday Dec 10, 2020 at 19:34 GMT
Originally opened as xwp/material-design-wp-plugin#472
Screenshot and document (in Miro) your way through the process of downloading and setting up the theme and plugin, on-boarding, publishing a page, editing the global styles and setting up some blocks etc.
Do not alter or remove anything below. The following sections will be managed by moderators only.
Issue by jwold
Monday Apr 13, 2020 at 15:03 GMT
Originally opened as xwp/material-design-wp-plugin#144
Explore the best way to handle users saving their own changes from within the Customizer user interface. That way they can style their theme, and save the style as an option alongside the default options.
At the end of this Sprint we'll have a solution ready for development. So this is primarily a design task.
As a user I should be able to give another user my material theming so they can get started from my elements. Long term Material gallery.
Do not alter or remove anything below. The following sections will be managed by moderators only.
Insight from user research: Some clicked to edit the custom style - were frustrated not clickable. They would like to be able to save their own custom style and rename it to use later.
As Material, I want a way to alert users of new features or announcements
Do not alter or remove anything below. The following sections will be managed by moderators only.
Issue by jauyong
Monday Dec 07, 2020 at 14:24 GMT
Originally opened as xwp/material-design-wp-plugin#462
Add options in the Customizer for global settings for text field (outlined and filled)
This ticket was split from #362
Note: there was a similar discussion regarding round corners.
Question: What about theme options that cover the same settings?
Note: Design may be needed here.
Do not alter or remove anything below. The following sections will be managed by moderators only.
Issue by jauyong
Thursday Dec 10, 2020 at 19:38 GMT
Originally opened as xwp/material-design-wp-plugin#474
This journey map encompass the primary critical user journeys for the plugin and theme.
Do not alter or remove anything below. The following sections will be managed by moderators only.
Issue by jbingham
Wednesday May 06, 2020 at 16:28 GMT
Originally opened as xwp/material-design-wp-plugin#224
Material Icon Buttons currently show no tooltip when hovering.
When hovering over a button, it's expected that a tooltip will appear. Usually the text is redundant with the button, but sometimes it's actually useful, like if it's an icon button with no text.
icon
The block editor would need a way to set the tooltip text.
Note that the Material guidelines do include Tooltips. The material-components-web repo does not provide css for them, though that's in the works.
Do not alter or remove anything below. The following sections will be managed by moderators only.
Issue by jwold
Thursday Feb 13, 2020 at 21:36 GMT
Originally opened as xwp/material-design-wp-plugin#9
Do not alter or remove anything below. The following sections will be managed by moderators only.
Adding the button
Styles: Text
, Container: Contained
, Icon: None
Button
Editing the button
Changing button settings
Text
, Outlined
, Raised
, Unelevated
as the options. Here's a demo to check against from the actual web component: https://material-components.github.io/material-components-web-catalog/#/component/buttonIcons
Text
, you can add an icon at the beginning or end of the button by selecting Leading
or Trailing
. If you select one of those the button block should add the favorite
icon immediately as an example, allowing you to then change it.Icon: None
. But if you turn it back on it defaults to the last icon you used, or if you didn't use one, defaults to the Favorite
icon.Colors
Color palette
.Custom Color
, which shows a color wheel and allows entering a hex.Clear
Rounded Corners
Container: Outlined
, Container: Raised
, Container: Unelevated
, then you should be able to change the corner style from 0 to 20 (screenshot from shape scheme tool: https://d.pr/i/Mkg1qN)Prototype:
Styles
Styles.zip
.active
class appropriately.contentEditable
to make the label of the button editableTextControl
component to allow for user to change target URL. Switch to advanced URL picker soon.ContrastChecker
component, checking the contrast between background and text, displaying a warning appropriately.RangeControl
component, which adjusts the inline styles of the outest button container to apply a border-radius
ToggleControl
which when checked, stores _blank
as the attribute value. We then apply this directly on the anchor element.TextControl
component.Note 1: With most of these changes you'll also want to see if the frontend is working, and not just the Gutenberg preview. It's possible there are discrepancies.
Note 2: For now we're just testing with the theme set in the staging env, we'll need to come back later and test with the top five themes that we approve.
Add a new button block and see if the suggested defaults all work as expected
See if description and icon match AC
Change the label
Add a link, validate that it works when previewing block on frontend
Change button styles and see if they match the web component: https://material-components.github.io/material-components-web-catalog/#/component/button
See if opening link in new tab works
Change the font in the Customizer, publish it, and see if the button font updates.
Before you change the button color: Change the color in the Customizer, publish it, and see if the button color changes in the block to match Customizer (it should)
After you change the button color in the block, goes to the Customizer and change it, then come back to the block and see if it matches the Customizer (it shouldn't)
The colors shown as available should be the primary and secondary colors from the Customizer, but the primary should always be set by default. Ensure that these two colors match what's set in the Customizer.
See if accessibility notices appear when colors aren't accessible, and verify those notices match with the color tool https://material.io/resources/color/#!/?view.left=0&view.right=0 (screenshot: https://d.pr/i/75qBjI)
Change color from color palette, see if works as expected
Change color by selecting custom color, see if works as expected.
Try clearing color, when you clear it should revert to what is set in Customizer
Try adding leading and trailing icons and see if that matches the material web component
Ensure that the icon collection matches the style set in Customizer, try changing Customizer a few times to ensure that the icon collection updates in Gutenberg
Rounded corners should be changeable and match the shape scheme tool in terms of constraints. Screenshot: https://d.pr/i/Rz76Gc, link: https://material.io/design/shape/about-shape.html#shape-customization-tool
Video: https://d.pr/v/EJWiyN
Issue by jauyong
Thursday Dec 10, 2020 at 19:33 GMT
Originally opened as xwp/material-design-wp-plugin#471
Set up a fresh playground environment (or remove the plugin and theme from one) so we can install everything from scratch.
Do not alter or remove anything below. The following sections will be managed by moderators only.
Issue by jauyong
Monday Dec 07, 2020 at 14:26 GMT
Originally opened as xwp/material-design-wp-plugin#463
Add options in the Customizer for global settings for cards (elevated and outlined).
This ticket was split from #362
Note: there was a similar discussion regarding round corners.
Question: What about theme options that cover the same settings?
Note: Design may be needed here.
Do not alter or remove anything below. The following sections will be managed by moderators only.
See this miro board for visual breakdown
There are 2 parts to this, a global control and the block-level control
At the Global level (in the customizer)
we have these options per setting
In the block control, we show following settings:
Reset buttons on customizer will update all existing posts and reset its attribute to inherit from global.
Issue by mattchungxwp
Friday Sep 18, 2020 at 18:43 GMT
Originally opened as xwp/material-design-wp-plugin#401
This pertains to the JS modules listed here: https://github.com/xwp/material-theme-wp/tree/develop/assets/src/front-end/components The context is AMP-compatibility. While there are several things that would need to change to make the theme AMP-compatible, removing the reliance on JS is a big one. I know this isn't easy, so I suggest a tiered approach:
Issue by jauyong
Monday Dec 07, 2020 at 14:15 GMT
Originally opened as xwp/material-design-wp-plugin#460
I want access to the latest Google Fonts.
Resources: https://developers.google.com/fonts/docs/developer_api
Related to #354
This ticket was split from #383
Do not alter or remove anything below. The following sections will be managed by moderators only.
assets/fonts/google-fonts.json
.https://www.googleapis.com/webfonts/v1/webfonts?key={key}&fields=items(category,variants,family)
assets/fonts/google-fonts.json
for future use and npm.Existing Format
{
{
"family": "Roboto",
"variants": [
"100",
"100italic",
"300",
"300italic",
"regular",
"italic",
"500",
"500italic",
"700",
"700italic",
"900",
"900italic"
],
"category": "sans-serif"
}
}
Google JSON format
{
"Roboto": {
"variants": [
"100",
"100italic",
"300",
"300italic",
"regular",
"italic",
"500",
"500italic",
"700",
"700italic",
"900",
"900italic"
],
"category": "sans-serif"
}
}
Issue by jwold
Monday May 25, 2020 at 16:16 GMT
Originally opened as xwp/material-design-wp-plugin#258
There are times when the tab bar headings can be set without labels. In this scenario an icon is added without a label. We should ensure that the icon can be given a tooltip.
label
input field into the block sidebar.Note: Similar to #224 where we could add a field in the block sidebar settings to add a tooltip.
Issue by jauyong
Tuesday Jan 05, 2021 at 16:31 GMT
Originally opened as xwp/material-design-wp-plugin#491
As a user, I would like an improved experience for the gallery block on a mobile device.
This came from Yasmine's request regarding to the grid view for the Gallery block on mobile. See slack message here.
Do not alter or remove anything below. The following sections will be managed by moderators only.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.