Skip to content

Conversation

muffinresearch
Copy link
Contributor

@muffinresearch muffinresearch commented Jun 29, 2016

Fixes mozilla/addons#9720

  • Add in-page notification post-install
  • UiTour is configurable so we can turn it back on later if we want it.
  • Uses role=dialog which should mean it gets announced, the button is focused on activation for a11y reasons too.
  • It's not modal (like the uiTour) so I've not made it trap the focus.
  • No animations for now, I need to double check but I don't think the uitour has them. If we want them we can add them separately.

Looks like this:

screenshot_29_06_2016__22_17

// The keys listed here will be exposed on the client.
// Since by definition client-side code is public these config keys
// must not contain sensitive data.
clientConfigKeys: [
Copy link
Contributor Author

Choose a reason for hiding this comment

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

Added a copy of this to disco pane so we can add disco specific keys to it.

@muffinresearch muffinresearch force-pushed the page-notification branch 2 times, most recently from b217389 to 27a985e Compare June 29, 2016 22:04
@tofumatt tofumatt self-assigned this Jun 30, 2016
aria-labelledby="show-info-title" aria-describedby="show-info-description">
<div className="info">
<div className="logo">
<img src={imageURL} alt="" width="48" height="48" />
Copy link
Contributor

Choose a reason for hiding this comment

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

Can these not be set with CSS?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Good question. They provide a layout hint [1] but I think moving this to the CSS is just as
good [2] so I'll do that (plus it's more consistent with what we've already done).

[1] http://jsbin.com/basixugebe/edit?html,css,js,output
[2] http://jsbin.com/qofife/edit?html,css,js,output

@tofumatt
Copy link
Contributor

Looks good to me. If you can remove the inline height/width on the image that'd be great.

r+wc

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

design install confirmation for Firefox 48

2 participants