Skip to content

🐛 [Story interactives] Fixed text align of buttons#33217

Merged
mszylkowski merged 1 commit intoampproject:masterfrom
mszylkowski:interactive_align_option_text
Mar 11, 2021
Merged

🐛 [Story interactives] Fixed text align of buttons#33217
mszylkowski merged 1 commit intoampproject:masterfrom
mszylkowski:interactive_align_option_text

Conversation

@mszylkowski
Copy link
Copy Markdown
Contributor

Fixes #33206

We recently changed the options to use tags for accessibility, and buttons by default have text centered instead of the initial alignment. This causes quizzes or polls options that have 2 lines to have text-align: center.

Tested fix locally on ltr and rtl stories

Eg (before/after):

@amp-owners-bot
Copy link
Copy Markdown

Hey @gmajoulet! These files were changed:

extensions/amp-story-interactive/0.1/amp-story-interactive-poll.css
extensions/amp-story-interactive/0.1/amp-story-interactive-quiz.css

@mszylkowski mszylkowski self-assigned this Mar 11, 2021
prompt-text="What is your favorite food?"
option-1-text="Tacos"
option-2-text="Bacon"
option-2-text="Bacon is my favourite food in the world and I eat it everyday"
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

🥓 🥓 🥓 🥓 🥓 🥓 🥓 🥓 🥓 🥓 🥓

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

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

Purely done in order to reach 2 lines on a poll, nothing to look over here 👀

@mszylkowski mszylkowski merged commit 1a7b95e into ampproject:master Mar 11, 2021
@mszylkowski mszylkowski deleted the interactive_align_option_text branch March 11, 2021 22:03
westonruter added a commit to westonruter/amphtml that referenced this pull request Mar 15, 2021
* 'master' of github.com:ampproject/amphtml: (536 commits)
  ✨ Send extension versions from AMPHTML ads to FIE  (ampproject#33190)
  Update amp-autocomplete test output file (ampproject#33216)
  ✨ Changing Inline Page Attachment Button UI  (ampproject#33142)
  ✨Launch no-signing (ampproject#33229)
  ♻️ Add logic for story ad page manager. (ampproject#33201)
  Migrate Bento components to V1 (ampproject#32974)
  📦 Update dependency mocha to v8.3.2 (ampproject#33234)
  📦 Update build system devDependencies (ampproject#33178)
  🧪 [amp-consent] Turn on TCF PostMessage Proxy API Experiment (ampproject#33196)
  Fix amp-video amp_video_quality parameter name. (ampproject#33227)
  🏗 Guard access to `BASH_ENV` during CircleCI push builds (ampproject#33231)
  🏗 Clean up CircleCI merge SHA logic (ampproject#33215)
  📦 Update dependency karma to v6.1.2 (ampproject#33151)
  🏗 Ensure up-to-date and clean `package-lock.json` before running any CI job (ampproject#33223)
  Ensure that pre-stubbing always happens before the first element is upgraded (ampproject#33212)
  🏗 Restore `package-lock.json` to `lockfileVersion = 1` (ampproject#33222)
  Fixed text align of buttons (ampproject#33217)
  [amp-story] ♿ Add label for next story and add i18n for pagination buttons (ampproject#33205)
  [amp-story-player] 📖  Rename skip-next control to skip-to-next (ampproject#33164)
  🚀 Report cls-fcp and cls-vis to compare with cls (ampproject#33207)
  ...
muuki88 pushed a commit to highfivve/amphtml that referenced this pull request Mar 15, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Poll and Quiz : text-align issue for the text options

3 participants