Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Update navigation placeholder label #23297

Merged
merged 4 commits into from
Jul 2, 2020
Merged

Conversation

tellthemachines
Copy link
Contributor

Description

Fixes #22999 and #22987.

Replaces unsemantic block description with select control label, removes placeholder text inside select control and updates the copy according to advice on #22987.
Due to use of the label that is part of the select control component, the control layout had to be slightly changed.

Previous:

Screen Shot 2020-06-19 at 2 37 24 pm

Updated to:

Screen Shot 2020-06-19 at 2 38 38 pm

How has this been tested?

Tested in browser and with VoiceOver + Safari.

Screenshots

Types of changes

Bug fix (non-breaking change which fixes an issue)

Checklist:

  • My code is tested.
  • My code follows the WordPress code style.
  • My code follows the accessibility standards.
  • My code has proper inline documentation.
  • I've included developer documentation if appropriate.
  • I've updated all React Native files affected by any refactorings/renamings in this PR.

@tellthemachines tellthemachines self-assigned this Jun 19, 2020
@tellthemachines tellthemachines added [Block] Navigation Affects the Navigation Block [Focus] Accessibility (a11y) Changes that impact accessibility and need corresponding review (e.g. markup changes). [a11y] Labelling Needs Accessibility Feedback Need input from accessibility labels Jun 19, 2020
@github-actions
Copy link

github-actions bot commented Jun 19, 2020

Size Change: -192 B (0%)

Total Size: 1.13 MB

Filename Size Change
build/block-library/editor-rtl.css 7.63 kB +187 B (2%)
build/block-library/editor.css 7.63 kB +188 B (2%)
build/block-library/index.js 129 kB -87 B (0%)
build/block-library/style-rtl.css 7.8 kB -238 B (3%)
build/block-library/style.css 7.8 kB -242 B (3%)
ℹ️ View Unchanged
Filename Size Change
build/a11y/index.js 1.14 kB 0 B
build/annotations/index.js 3.62 kB 0 B
build/api-fetch/index.js 3.4 kB 0 B
build/autop/index.js 2.82 kB 0 B
build/blob/index.js 620 B 0 B
build/block-directory/index.js 7.42 kB 0 B
build/block-directory/style-rtl.css 941 B 0 B
build/block-directory/style.css 942 B 0 B
build/block-editor/index.js 109 kB 0 B
build/block-editor/style-rtl.css 10.7 kB 0 B
build/block-editor/style.css 10.7 kB 0 B
build/block-library/theme-rtl.css 730 B 0 B
build/block-library/theme.css 732 B 0 B
build/block-serialization-default-parser/index.js 1.88 kB 0 B
build/block-serialization-spec-parser/index.js 3.1 kB 0 B
build/blocks/index.js 48.2 kB 0 B
build/components/index.js 198 kB 0 B
build/components/style-rtl.css 15.9 kB 0 B
build/components/style.css 15.9 kB 0 B
build/compose/index.js 9.65 kB 0 B
build/core-data/index.js 11.4 kB 0 B
build/data-controls/index.js 1.29 kB 0 B
build/data/index.js 8.44 kB 0 B
build/date/index.js 5.47 kB 0 B
build/deprecated/index.js 772 B 0 B
build/dom-ready/index.js 569 B 0 B
build/dom/index.js 3.19 kB 0 B
build/edit-navigation/index.js 9.88 kB 0 B
build/edit-navigation/style-rtl.css 1.02 kB 0 B
build/edit-navigation/style.css 1.02 kB 0 B
build/edit-post/index.js 304 kB 0 B
build/edit-post/style-rtl.css 5.51 kB 0 B
build/edit-post/style.css 5.51 kB 0 B
build/edit-site/index.js 16.6 kB 0 B
build/edit-site/style-rtl.css 3 kB 0 B
build/edit-site/style.css 3 kB 0 B
build/edit-widgets/index.js 9.32 kB 0 B
build/edit-widgets/style-rtl.css 2.42 kB 0 B
build/edit-widgets/style.css 2.42 kB 0 B
build/editor/editor-styles-rtl.css 537 B 0 B
build/editor/editor-styles.css 539 B 0 B
build/editor/index.js 44.9 kB 0 B
build/editor/style-rtl.css 3.85 kB 0 B
build/editor/style.css 3.86 kB 0 B
build/element/index.js 4.65 kB 0 B
build/escape-html/index.js 733 B 0 B
build/format-library/index.js 7.72 kB 0 B
build/format-library/style-rtl.css 547 B 0 B
build/format-library/style.css 548 B 0 B
build/hooks/index.js 2.13 kB 0 B
build/html-entities/index.js 622 B 0 B
build/i18n/index.js 3.56 kB 0 B
build/is-shallow-equal/index.js 710 B 0 B
build/keyboard-shortcuts/index.js 2.52 kB 0 B
build/keycodes/index.js 1.94 kB 0 B
build/list-reusable-blocks/index.js 3.12 kB 0 B
build/list-reusable-blocks/style-rtl.css 450 B 0 B
build/list-reusable-blocks/style.css 451 B 0 B
build/media-utils/index.js 5.29 kB 0 B
build/notices/index.js 1.79 kB 0 B
build/nux/index.js 3.4 kB 0 B
build/nux/style-rtl.css 671 B 0 B
build/nux/style.css 668 B 0 B
build/plugins/index.js 2.56 kB 0 B
build/primitives/index.js 1.5 kB 0 B
build/priority-queue/index.js 788 B 0 B
build/redux-routine/index.js 2.85 kB 0 B
build/rich-text/index.js 14 kB 0 B
build/server-side-render/index.js 2.67 kB 0 B
build/shortcode/index.js 1.69 kB 0 B
build/token-list/index.js 1.28 kB 0 B
build/url/index.js 4.06 kB 0 B
build/viewport/index.js 1.85 kB 0 B
build/warning/index.js 1.14 kB 0 B
build/wordcount/index.js 1.17 kB 0 B

compressed-size-action

@noisysocks noisysocks added the Needs Design Feedback Needs general design feedback. label Jun 25, 2020
@noisysocks
Copy link
Member

cc. @shaunandrews for some design eyes.

I tested this locally and noticed two things were a bit off:

  1. Immediately after I insert a Navigation block, I can't click on the Create button even though I have an existing menu selected.
  2. In Twenty Twenty, the placeholder body text is bold which is inconsistent with other placeholders (e.g. Image).

@draganescu
Copy link
Contributor

Just noting, given the explorations in #23207 this select box might disappear.

@tellthemachines tellthemachines merged commit 64fa678 into master Jul 2, 2020
@tellthemachines tellthemachines deleted the fix/nav-block-label branch July 2, 2020 00:23
@github-actions github-actions bot added this to the Gutenberg 8.5 milestone Jul 2, 2020
jasmussen added a commit that referenced this pull request Mar 2, 2021
The custom select control does not appear used at all in the placeholder anymore. See also #23297.
jasmussen added a commit that referenced this pull request Mar 8, 2021
The custom select control does not appear used at all in the placeholder anymore. See also #23297.
jasmussen added a commit that referenced this pull request Mar 10, 2021
The custom select control does not appear used at all in the placeholder anymore. See also #23297.
jasmussen added a commit that referenced this pull request Mar 10, 2021
* Retire theme.scss.

* Group reset styles.

* Retire dead CSS.

The custom select control does not appear used at all in the placeholder anymore. See also #23297.

* Whitespace and color tweaks.

* Show submenus above the sibling inserter.

* Address feedback.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
[Block] Navigation Affects the Navigation Block [Focus] Accessibility (a11y) Changes that impact accessibility and need corresponding review (e.g. markup changes). Needs Accessibility Feedback Need input from accessibility Needs Design Feedback Needs general design feedback.
Projects
None yet
4 participants