Skip to content
This repository has been archived by the owner on Mar 23, 2023. It is now read-only.

refactor: simplify blurred modal backdrop & ui tweaks #1638

Merged
merged 19 commits into from
Feb 26, 2020
Merged

refactor: simplify blurred modal backdrop & ui tweaks #1638

merged 19 commits into from
Feb 26, 2020

Conversation

dated
Copy link
Contributor

@dated dated commented Jan 30, 2020

Summary

Closes #1632, closes #1636.

Also includes several other tweaks to the menu and padding, and fixes the rounded borders on the wallet details.

There's are some more problems with the wallet details component but that will require some more investigation.

Checklist

  • Documentation (if necessary)
  • Tests (if necessary)
  • Ready to be merged

@ghost
Copy link

ghost commented Jan 30, 2020

Thanks for submitting this pull request! A maintainer will review this in the next few days and explicitly select labels so you know what's going on.

If no reviewer appears after a week, a reminder will be sent out.

@ghost ghost added Complexity: Medium Less than 256 lines changed. Type: Refactor The pull request improves or enhances an existing implementation. labels Jan 30, 2020
@dated dated changed the title refactor: simplify blurred modal backdrop refactor: simplify blurred modal backdrop & ui tweaks Jan 30, 2020
@brenopolanski
Copy link
Contributor

brenopolanski commented Jan 31, 2020

LGTM! I tested here and this PR solved the problems in the issue #1632 👍

@@ -154,9 +129,6 @@ export default {
}),

computed: {
hasBlurFilter () {
Copy link
Contributor

Choose a reason for hiding this comment

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

I'm getting the message on my devtools console: Property or method "hasBlurFilter" is not defined on the instance but referenced during render. Because of hasBlurFilter here:

:slot-props="{ hasBlurFilter }"

Copy link
Contributor Author

@dated dated Feb 11, 2020

Choose a reason for hiding this comment

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

Looks like the button-dropdown portal got added in one of the merges, I'll need to take a look at how it uses the blur class.

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Ok, looks like the blur on the button dropdown can be safely removed. Strangely the button dropdown wasn't positioned correctly for me during development (this.$refs.buttonDropdown always being undefined) while it displays correctly on 2.8.0, therefore I added a resize handler to also reposition the dropdown while it is open. @alexbarnsley could you have a look at this also? In particular 85700dc which adds the resize handler.

@dav1app
Copy link
Contributor

dav1app commented Feb 12, 2020

Closes #1639

@dav1app dav1app linked an issue Feb 12, 2020 that may be closed by this pull request
@ghost
Copy link

ghost commented Feb 26, 2020

A member has approved this PR. A maintainer will merge this PR shortly. If it shouldn't be merged yet, please leave a comment saying so and we'll wait.

Thank you for your contribution!

@ghost ghost added the Status: Member Approved The pull request has been approved by a member. label Feb 26, 2020
@alexbarnsley alexbarnsley added the Bounty: Tier 4 Awarded for small features, refactorings, improvements. This is valued at 20 USD. label Feb 26, 2020
@faustbrian faustbrian merged commit 627ab74 into ArkEcosystem:develop Feb 26, 2020
@ghost
Copy link

ghost commented Feb 26, 2020

Your pull request has been merged and marked as tier 4. It will earn you $20 USD.

@dated dated deleted the fix/blurred-backdrop branch February 26, 2020 16:29
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
Bounty: Tier 4 Awarded for small features, refactorings, improvements. This is valued at 20 USD. Complexity: Medium Less than 256 lines changed. Status: Member Approved The pull request has been approved by a member. Type: Refactor The pull request improves or enhances an existing implementation.
Projects
None yet
5 participants