Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

appx modal layout fixes #782

Merged
merged 26 commits into from
May 29, 2020
Merged

appx modal layout fixes #782

merged 26 commits into from
May 29, 2020

Conversation

lee-leonardo
Copy link
Contributor

Fixes #
#748

PR Type

  • Bugfix

Describe the current behavior?

The current behavior offsets the modal based on static values on the screen. It looks that the styling has recently changed to be more relative and this static value set was leftover.

Describe the new behavior?

Removing those values fixes the problem, the bottom and right properties were probably being ignored, and the overflow property on the container was allowing it extend past the screen size.

Added a few properties to help the UI look better in mobile, but since this is a use case primarily designed around downloading a zipped manifest, making it functional rather than look like a modal takeover

PR Checklist

Additional Information

joel-44 and others added 26 commits April 29, 2020 15:38
Fix duplication of path on icons
* Better UI for score cards on HTTP sites

* Fixed #761,download PWA zip for HTTP sites

* Removed console.log
*Total -- 17,288.25kb -> 10,842.25kb (37.29%)

/static/Images/assets/icons/apple-icon-192x192-frt5be1ded11c7ec66b00dd234677a5d.png -- 22.59kb -> 8.46kb (62.55%)
/static/Images/assets/screenShots/s1.png -- 586.91kb -> 281.68kb (52.01%)
/assets/images/pwabuilder-screen.png -- 1,110.49kb -> 550.11kb (50.46%)
/static/Images/pwabuilder-screen.png -- 1,110.49kb -> 550.11kb (50.46%)
/static/Images/assets/screenShots/s2.png -- 488.40kb -> 242.74kb (50.3%)
/assets/images/placeHolder.png -- 8.62kb -> 4.51kb (47.69%)
/static/Images/assets/screenShots/s3.png -- 365.47kb -> 197.71kb (45.9%)
/assets/images/teams-screen.png -- 1,350.62kb -> 756.01kb (44.03%)
/static/Images/teams-screen.png -- 1,350.62kb -> 756.01kb (44.03%)
/assets/images/score-icon.png -- 3.15kb -> 1.79kb (43%)
/static/Images/assets/icons/apple-icon-512x512-frt5be1ded11c593udsdsdd29fur6732.png -- 81.47kb -> 47.24kb (42.02%)
/assets/images/Mask.png -- 2,146.18kb -> 1,265.59kb (41.03%)
/assets/images/teams-icon.png -- 2.71kb -> 1.68kb (37.9%)
/static/Images/teams-icon.png -- 2.71kb -> 1.68kb (37.9%)
/assets/images/android-screen.png -- 847.08kb -> 539.20kb (36.35%)
/static/Images/android-screen.png -- 847.08kb -> 539.20kb (36.35%)
/assets/images/logo_npm.svg -- 0.72kb -> 0.46kb (35.77%)
/static/Images/assets/screenShots/s5.png -- 148.31kb -> 97.47kb (34.28%)
/static/Images/assets/screenShots/s4.png -- 134.96kb -> 89.18kb (33.92%)
/static/Images/pwa-screen.png -- 1,997.90kb -> 1,330.58kb (33.4%)
/assets/images/pwa-screen.png -- 1,997.90kb -> 1,330.58kb (33.4%)
/assets/images/logo_stackoverflow.svg -- 1.05kb -> 0.75kb (28.43%)
/assets/images/logo_twitter.svg -- 0.96kb -> 0.71kb (26.45%)
/assets/images/logo_github.svg -- 1.08kb -> 0.82kb (23.69%)
/assets/images/platformScreens/ios.png -- 242.96kb -> 186.04kb (23.43%)
/assets/images/goButton.svg -- 0.25kb -> 0.20kb (22.01%)
/static/Images/assets/screenShots/s6.png -- 436.60kb -> 341.46kb (21.79%)
/assets/images/platformScreens/mac.png -- 203.07kb -> 159.29kb (21.56%)
/assets/images/Diagram.png -- 29.76kb -> 23.75kb (20.2%)
/assets/images/[email protected] -- 53.67kb -> 42.99kb (19.9%)
/assets/images/iphoneDevice.png -- 219.44kb -> 176.14kb (19.73%)
/assets/images/gbbChecked.svg -- 0.65kb -> 0.53kb (17.77%)
/assets/images/lightBlueO.svg -- 0.83kb -> 0.69kb (17.66%)
/assets/images/good.svg -- 1.50kb -> 1.24kb (17.47%)
/assets/images/whiteO.svg -- 0.85kb -> 0.71kb (17.28%)
/assets/images/lightBlue.svg -- 0.33kb -> 0.27kb (17.01%)
/assets/images/gbbNotChecked.svg -- 0.47kb -> 0.39kb (16.95%)
/assets/images/androidDevice.png -- 364.02kb -> 302.56kb (16.88%)
/assets/images/better_disabled.svg -- 2.77kb -> 2.30kb (16.84%)
/assets/images/white.svg -- 0.34kb -> 0.28kb (16.57%)
/assets/images/blueO.svg -- 1.12kb -> 0.94kb (16.01%)
/assets/images/best_disabled.svg -- 3.96kb -> 3.36kb (15.37%)
/assets/images/platformScreens/samsung.png -- 181.11kb -> 153.53kb (15.23%)
/assets/images/better.svg -- 2.71kb -> 2.30kb (14.98%)
/assets/images/slectedBox.svg -- 1.20kb -> 1.02kb (14.44%)
/assets/images/best.svg -- 3.90kb -> 3.35kb (14.06%)
/assets/images/platformScreens/teams.png -- 327.41kb -> 282.12kb (13.83%)
/assets/images/StackedCube.svg -- 1.44kb -> 1.24kb (13.77%)
/assets/images/blue.svg -- 0.63kb -> 0.55kb (13.73%)
/assets/images/report_card.svg -- 23.23kb -> 20.18kb (13.15%)
/assets/images/platformScreens/pc.png -- 223.54kb -> 194.90kb (12.81%)
/assets/images/PWABuilderLogoO.svg -- 2.70kb -> 2.36kb (12.35%)
/assets/images/Diagram.svg -- 9.04kb -> 7.95kb (12.03%)
/assets/images/bg_publish.svg -- 11.57kb -> 10.28kb (11.21%)
/assets/images/PWABuilderLogo.svg -- 1.71kb -> 1.54kb (10.1%)
/assets/images/pwaLogo.svg -- 1.60kb -> 1.44kb (9.98%)
/static/fonts/icomoon.svg -- 2.84kb -> 2.62kb (8%)
/assets/images/publishBackground.svg -- 1.33kb -> 1.30kb (2.2%)
/assets/images/publish-bg.svg -- 1.36kb -> 1.33kb (2.09%)
/static/fonts/FiraSans-Bold.svg -- 73.33kb -> 72.32kb (1.38%)
/static/fonts/FiraSans-Light.svg -- 73.64kb -> 72.63kb (1.37%)
/static/fonts/Bitter-Bold.svg -- 86.49kb -> 85.50kb (1.16%)
/static/fonts/Bitter-Regular.svg -- 86.97kb -> 85.97kb (1.15%)
/assets/images/downloadicon.png -- 0.42kb -> 0.42kb (0.69%)

Signed-off-by: ImgBotApp <[email protected]>

Co-authored-by: ImgBotApp <[email protected]>
* fix(): button is aligned correctly

* fix(): fix remaining links for ado (#770)

* style(): remove unneeded borders
…n-deep-1.3.2

chore(deps): bump mixin-deep from 1.3.1 to 1.3.2
…6.14.5

chore(deps): bump npm from 6.9.0 to 6.14.5
…sh.mergewith-4.6.2

chore(deps): bump lodash.mergewith from 4.6.1 to 4.6.2
…sh.merge-4.6.2

chore(deps): bump lodash.merge from 4.6.1 to 4.6.2
…sh.template-4.5.0

chore(deps): bump lodash.template from 4.4.0 to 4.5.0
…sh-4.17.15

chore(deps): bump lodash from 4.17.11 to 4.17.15
Address #755, hide the download card on mobile, fix gdpr notification height for mobile breakpoints
…e, added some styles instead to help the mobile experience
@ghost
Copy link

ghost commented May 28, 2020

Thanks lee-leonardo for opening a Pull Request! The reviewers will test the PR and highlight if there is any conflict or changes required. If the PR is approved we will proceed to merge the pull request 🙌

@ghost ghost assigned davrous May 28, 2020
@@ -173,24 +173,28 @@ header {
font-style: normal;
}
}

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 is from #776 my bad!

@JudahGabriel JudahGabriel merged commit 8ee7b2c into dev May 29, 2020
@lee-leonardo lee-leonardo deleted the issue748 branch August 25, 2020 22:28
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.

6 participants