Skip to content

Protect: fix layout of "Prove your humanity" label#9847

Merged
jeherve merged 1 commit intomasterfrom
fix/protect-math-fallback-text
Sep 7, 2018
Merged

Protect: fix layout of "Prove your humanity" label#9847
jeherve merged 1 commit intomasterfrom
fix/protect-math-fallback-text

Conversation

@eliorivero
Copy link
Copy Markdown
Contributor

This PR seeks to solve a layout issue that was originally found in japanese. Note how the translation of the string "Prove your humanity" is long and causes the math question to be splitted in two lines.

captura de pantalla 2018-07-02 a la s 23 05 16

After a discussion with @naokomc where she stated that this could cause issues in other languages and pointed to

captura de pantalla 2018-07-03 a la s 01 04 01

https://translate.wordpress.org/projects/wp-plugins/jetpack/dev/nl/default?filters%5Bterm%5D=Prove+your+humanity%3A&filters%5Buser_login%5D=&filters%5Bstatus%5D=current_or_waiting_or_fuzzy_or_untranslated&filter=Filter&sort%5Bby%5D=priority&sort%5Bhow%5D=desc

captura de pantalla 2018-07-03 a la s 01 04 09

https://translate.wordpress.org/projects/wp-plugins/jetpack/dev/ru/default?filters%5Bterm%5D=Prove+your+humanity%3A&filters%5Buser_login%5D=&filters%5Bstatus%5D=current_or_waiting_or_fuzzy_or_untranslated&filter=Filter&sort%5Bby%5D=priority&sort%5Bhow%5D=desc

it became clear that this was an issue that needed to be solved by adapting the layout.

In addition, the text is now a label pointing to the field, and the style follows the WP core style of other fields in the page.

The math fallback now looks like

captura de pantalla 2018-07-03 a la s 00 58 41

Changes proposed in this Pull Request:

  • changes field type from input to text
  • adds the input CSS class, which is from WP core
  • wraps the text in a label pointing to the answer field
  • adds a line break after the label, so the math question is now on a new line

Testing instructions:

Enable Protect and in WP login, ensure the layout is correct and everything works.

Proposed changelog entry for your changes:

Protect: fix layout of legend that prompts the user to solve the math fallback so it works better in all languages.

@eliorivero eliorivero added Enhancement Changes to an existing feature — removing, adding, or changing parts of it [Feature] Protect Also known as Brute Force Attack Protection [Status] Needs Review This PR is ready for review. labels Jul 3, 2018
@eliorivero eliorivero added this to the 6.3 milestone Jul 3, 2018
@eliorivero eliorivero self-assigned this Jul 3, 2018
@eliorivero eliorivero requested a review from a team as a code owner July 3, 2018 04:16
@eliorivero eliorivero force-pushed the fix/protect-math-fallback-text branch 6 times, most recently from b8f34d5 to 3d091a0 Compare July 3, 2018 04:24
@oskosk oskosk added the [Status] Needs Design Review Design has been added. Needs a review! label Jul 3, 2018
@oskosk oskosk modified the milestones: 6.3, 6.4 Jul 3, 2018
Copy link
Copy Markdown
Contributor

@zinigor zinigor left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Code-wise I love this, design-wise too, but the latter part I'd delegate to someone :)

@zinigor zinigor removed the [Status] Needs Review This PR is ready for review. label Jul 26, 2018
@jeffgolenski
Copy link
Copy Markdown
Member

@eliorivero it's looking good in english. Can you post some screenshots in japanese and other languages just to verify?

@oskosk oskosk modified the milestones: 6.4, 6.5 Aug 7, 2018
@oskosk oskosk added the [Status] Needs Author Reply We need more details from you. This label will be auto-added until the PR meets all requirements. label Aug 7, 2018
@jeffgolenski
Copy link
Copy Markdown
Member

@eliorivero piiiiiiing (see comment above)

@oskosk oskosk removed this from the 6.5 milestone Aug 30, 2018
@eliorivero
Copy link
Copy Markdown
Contributor Author

@jeffgolenski sorry for the missed ping. Here's a screenshot in japanese:

captura de pantalla 2018-09-03 a la s 13 04 16

@eliorivero eliorivero force-pushed the fix/protect-math-fallback-text branch from 3d091a0 to 354abb2 Compare September 3, 2018 16:10
@jetpackbot
Copy link
Copy Markdown
Collaborator

That's a great PR description, thank you so much for your effort!

Generated by 🚫 dangerJS

@jeffgolenski
Copy link
Copy Markdown
Member

@eliorivero 🚢 !

@eliorivero eliorivero added [Status] Ready to Merge Go ahead, you can push that green button! and removed [Status] Needs Author Reply We need more details from you. This label will be auto-added until the PR meets all requirements. [Status] Needs Design Review Design has been added. Needs a review! labels Sep 4, 2018
Copy link
Copy Markdown
Member

@jeherve jeherve left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looking good. Merging!

@jeherve jeherve merged commit b12c8dd into master Sep 7, 2018
@ghost ghost removed the [Status] Ready to Merge Go ahead, you can push that green button! label Sep 7, 2018
@brbrr brbrr deleted the fix/protect-math-fallback-text branch September 7, 2018 08:51
jeherve added a commit that referenced this pull request Sep 24, 2018
jeherve added a commit that referenced this pull request Sep 25, 2018
* Readme: add boilerplate for next release, 6.6

* Add 6.5 to the changelog.txt file

* Set boilerplate testing list for 6.6

* Readme: update stable tag to 6.5

* Add bullets to 6.5 changelog items

* Readme: add link to previous changelogs

This will help folks who want to know more about past releases,
while keeping the readme.txt short so as to not overwhelm translators and site owners only looking for information about the last release.

* Changelog: add information at the top of the changelog file.

* Changelog: add #10054

* Changelog: add #10078

* Changelog: add #10079

* Changelog: add #10064

* Changelog: add #10094

* Changelog: add #10096

* Testing list: add more information based on #10087

* Changelog: add #9847

* Changelog: add #10084

* Changelog: add #9918

* Changelog: add #7614

* Changelog: add #10116

* Changelog: add #10108

* Changelog: add #10041

* Changelog: add #10121

* Changelog: add #10134

* Changelog: add #10130

* Changelog: add #10109

* changelog: add #10137

* changelog: add #9952

* changelog: add #10120

* changelog: add #10162

* Changelog: add #10163

* Changelog: add #10092

* changelog: add #10156

* Changelog: add #10154

* changelog: add #10122

* Changelog: add #10101

* changelog: add #10105

* changelog: add #10190

* Changelog: add #10196

* changelog: add #10152

* Changelog: add #10153

* Testing list: add more details to Site Verification testing steps.

@see #10143 (comment)

* changelog: add #10194

* Changelog: add #10193
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Enhancement Changes to an existing feature — removing, adding, or changing parts of it [Feature] Protect Also known as Brute Force Attack Protection [Status] Design Review Complete

Projects

None yet

Development

Successfully merging this pull request may close these issues.

7 participants