Skip to content
This repository has been archived by the owner on Dec 11, 2019. It is now read-only.

Remove darkening for all non-modal dialogs #9034

Merged
merged 2 commits into from
May 30, 2017
Merged

Remove darkening for all non-modal dialogs #9034

merged 2 commits into from
May 30, 2017

Conversation

luixxiul
Copy link
Contributor

@luixxiul luixxiul commented May 25, 2017

If 'isClickDismiss' is specified to a Dialog, its background color will be transparent. Otherwise it will be gray.

Fix #3653

Auditors:

Test Plan 1:

  1. Open http://browserspy.dk/password.php
  2. Click "password-ok.php"
  3. Make sure darkening effect does not occur
  4. Click the outside of the dialog
  5. Make sure the dialog is closed

Test Plan 2:

  1. Disable widevine
  2. Open netflix.com
  3. Make sure widevine dialog with the dark background appears
  4. Click the outside of the dialog
  5. Make sure the dialog is not closed

Submitter Checklist:

  • Submitted a ticket for my issue if one did not already exist.
  • Used Github auto-closing keywords in the commit message.
  • Added/updated tests for this change (for new code or code which already has tests).
  • Ran git rebase -i to squash commits (if needed).

Test Plan:

Reviewer Checklist:

Tests

  • Adequate test coverage exists to prevent regressions
  • Tests should be independent and work correctly when run individually or as a suite ref
  • New files have MPL2 license header

Suguru Hirahara added 2 commits May 25, 2017 22:59
If 'isClickDismiss' is specified to a Dialog, its background color will be transparent. Otherwise it will be gray.

Fix #3653

Auditors:

Test Plan 1:
1. Open http://browserspy.dk/password.php
2. Click "password-ok.php"
3. Make sure darkening effect does not occur
4. Click the outside of the dialog
5. Make sure the dialog is closed

Test Plan 2:
1. Disable widevine
2. Open netflix.com
3. Make sure widevine dialog with the dark background appears
4. Click the outside of the dialog
5. Make sure the dialog is not closed
@luixxiul luixxiul modified the milestones: 0.16.200, 0.16.100 May 26, 2017
@cezaraugusto cezaraugusto self-requested a review May 30, 2017 22:30
@@ -242,7 +242,7 @@ class BraveryPanel extends ImmutableComponent {
})
const compactBraveryPanel = getSetting(settings.COMPACT_BRAVERY_PANEL)

return <Dialog onHide={this.props.onHide} testId='braveryPanelContainer' isClickDismiss>
return <Dialog onHide={this.props.onHide} testId='braveryPanelContainer' isClickDismiss isBraveryPanel>
Copy link
Contributor

Choose a reason for hiding this comment

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

small: let's place isClickDismiss, isBraveryPanel and other props that are true by default in the beginning of component's props. No need to do this now since this component is small enough but please do for future changes. that helps readability and even more for us that do front-end a lot.

I'm going to update our styles doc soon with that info btw

Copy link
Contributor Author

Choose a reason for hiding this comment

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

this commit will be reverted.

Copy link
Contributor

@cezaraugusto cezaraugusto left a comment

Choose a reason for hiding this comment

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

++

@cezaraugusto cezaraugusto merged commit d70cc77 into brave:master May 30, 2017
@luixxiul
Copy link
Contributor Author

@cezaraugusto sorry I should have removed the last commit per @bradleyrichter (#3653 (comment)) ... I'll push a fix soon.

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
design A design change, especially one which needs input from the design team.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

remove darkening for all non-modal dialogs
2 participants