Auto Resize Images #416

Shoaib-Qadeer · 2022-01-01T07:48:11Z

It should auto-resize and adjust iamge

* chore: add link to the live store * fix: update callback domain for Auth0 * feat: store redesign (#201) TODO: - [x] ~~refactor `ProductImagesBrowser` (for fixing transitions)~~ - [ ] filtering for `ProductListing` (by swag codes) () - [ ] internal Ads functionality - [x] ~~screens transitions/switching on mobile (some fixes/improvements)~~ - [ ] a couple updates in content - [x] ~~a list of small fixes and improvements in styles~~ Till the moment I fix the bugs in mobile switching/transitions I suggest testing the store on desktop, instead you will be pointing me strange behaviors I am aware of. * feat: update used swag code badge style (#212) * feat: style used badges, modify messaging, update badge theming * camelcase swag code badge title * fix: revert static test * feat: level 2 incentive (#213) Where a contributor has earned level 1, but not yet level 2, show a progress bar and messaging toward earning level 2. <img width="420" alt="screen shot 2019-01-06 at 11 52 30 am" src="https://user-images.githubusercontent.com/3461087/50739721-b0828600-11a9-11e9-8b0c-98a6c01e3565.png"> closes #207 * feat: add Google Analytics (#216) * chore: use official Shopify plugin (#217) - update to the Gatsby-maintained Shopify plugin (see gatsbyjs/gatsby#10955) - update the Shopify Buy SDK * fix: keep item quantity in sync (#218) - adding more of the same item to the cart updates its quantity input - add a basic “loading” animation while quantities update - convert the `CartListItem` component to use Hooks * feat: use custom domain for login closes #19 * fix: improve cart button accessibility (#220) * fix: add button label to shopping cart icon * fix: reorder components to announce shopping cart earlier

The plane wifi isn’t good enough to deploy to AWS, so we can’t update the custom domain until I land.

@riencoertjens

For now, let’s use @riencoertjens’s photo of Dora because it’s painfully cute. For more Dora, go follow https://www.instagram.com/doraforscale/ close #143

Products were renamed, including slugs, so this makes sure that no dead links happen.

- use product info and image for SEO tags on product pages - fix lorem ipsum text in captions closes #222

### 1 Addition to https://github.com/gatsbyjs/store.gatsbyjs.org/pull/226/files ![screenshot from 2019-01-11 10-23-06](https://user-images.githubusercontent.com/32480082/51027305-c371cd80-1590-11e9-9e9b-0139100e1a8e.png) ### 2 Fix '0' flickering during page loading ![screenshot from 2019-01-11 10-44-17](https://user-images.githubusercontent.com/32480082/51027304-c371cd80-1590-11e9-93a4-34fe5f421a1e.png)

Update conditional code to work with the new string of swag code level 2

Position `Footer` to the bottom of the container, so even when the main content is replaced/hidden by `offline` plugin during page loading the footer does not appear on the top of the page. ![screenshot from 2019-01-11 10-44-17](https://user-images.githubusercontent.com/32480082/51027769-008a8f80-1592-11e9-8051-f8628a334b26.png)

- Safari apparently requires trailing slashes or it dumps all hashes. So... we added a trailing slash. closes #106

closes #227

No functionality changes; this just removes all unused code and simplifies a couple implicit returns in functional components.

The last one addition to #231

closes #241

After changes: ![opensidebar-corrected](https://user-images.githubusercontent.com/9110567/52177427-85aa4280-27e6-11e9-95ff-80cc8c78c798.PNG) closes #248

I found an issue with gatsby-image on the store site, I created this PR gatsbyjs/gatsby#11303, so the issue has been fixed in the latest version. close #211

* Fix link to search for open issues on GitHub * Fix search for open issue link

According to my understanding the script `format`: `prettier --write 'src/**/*.js'` doesn't need the apices. The old syntax generated the following error: ``` > [email protected] format C:\Users\[USER]\[PATH]\store.gatsbyjs.org > prettier --write 'src/**/*.js' [error] No matching files. Patterns tried: 'src/**/*.js' !**/node_modules/** !./node_modules/** !**/.{git,svn,hg}/** !./.{git,svn,hg}/** npm ERR! code ELIFECYCLE npm ERR! errno 2 npm ERR! [email protected] format: `prettier --write 'src/**/*.js'` npm ERR! Exit status 2 npm ERR! npm ERR! Failed at the [email protected] format script. npm ERR! This is probably not a problem with npm. There is likely additional logging output above. npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\[USER]\AppData\Roaming\npm-cache\_logs\2019-02-14T20_06_48_090Z-debug.log ```

removed duplicate selector `::-webkit-progress-value`

* add ability to copy the code with a button * revert lock.file change * remove overflow: hidden from div containing code badge and copy button to not clip the box-shadow effect on button

* Adding link to faqs * Tweak wording, structure Co-authored-by: Florian Kissling <[email protected]>

Change the label for open issues from 'status: help wanted' to 'help wanted'

…316) * Adding message for international orders about taxes * Move full point/stop punctuation outside of href Co-authored-by: Florian Kissling <[email protected]>

…ge) when navigating from size chart (#300)

This is an attempt to override GitHub always suggesting jlengstorf as a reviewer for PRs in this repo.

* fix: change support name from Jason to Marcy Sutton * Update src/components/ContributorArea/ContentForNotContributor.js Co-Authored-By: Mike Allanson <[email protected]> * Update src/components/Dashboard/Contributions.js Co-Authored-By: Mike Allanson <[email protected]> Co-authored-by: Mike Allanson <[email protected]>

…null' (#323)

* Use experimental shopify plugin * Version bump * Another version bump for performance * Plugin options (we need some read-only keys) * The store URL is certainly no secret * Version bump 1.5.0 * Version bump 1.6.0

jlengstorf and others added 30 commits January 10, 2019 18:36

fix: no YOU pushed to master

bf4f77e

fix: roll back custom domain temporarily

e3f8faa

The plane wifi isn’t good enough to deploy to AWS, so we can’t update the custom domain until I land.

feat: add a better SEO image (#223)

74f7a76

For now, let’s use @riencoertjens’s photo of Dora because it’s painfully cute. For more Dora, go follow https://www.instagram.com/doraforscale/ close #143

chore: add image and update style

260f839

chore: add photo credit

cb5c29d

chore: add link to store

8d92b75

feat: add redirects (#225)

9f3ecdc

Products were renamed, including slugs, so this makes sure that no dead links happen.

feat: re-enable custom domain

c748dda

Merge branch 'master' of github.com:gatsbyjs/store.gatsbyjs.org

9b48774

fix: product page SEO and captions (#226)

254eaf0

- use product info and image for SEO tags on product pages - fix lorem ipsum text in captions closes #222

fix: product listing swag level 2 flag (#231)

fb17cd6

Update conditional code to work with the new string of swag code level 2

fix: add font-display: swap to @font-face (#229)

4868c53

fix: no more endless Safari login loops (#232)

b0226f7

- Safari apparently requires trailing slashes or it dumps all hashes. So... we added a trailing slash. closes #106

fix: product listing swag code level 2 (#234)

64b628f

fix: enable checkbox clicks (#233)

97faa51

closes #227

style: remove unused imports (#235)

3dbb075

No functionality changes; this just removes all unused code and simplifies a couple implicit returns in functional components.

chore: Update to correct twitter link (#236)

07dd6b7

fix: product listing swag level 2 flag (#237)

003e545

The last one addition to #231

fix: instruction page responsivnes (#239)

0018fa8

fix: prevent cart from getting disabled on removing an item (#242)

e7b2d11

closes #241

refactor: replace push with navigate + a11y + code style (#243)

3505841

chore: add mention of the level 2 swag tier (#245)

50178a5

fix: make sidebar legible on vertically narrow screens (#249)

112bda3

After changes: ![opensidebar-corrected](https://user-images.githubusercontent.com/9110567/52177427-85aa4280-27e6-11e9-95ff-80cc8c78c798.PNG) closes #248

fix: upgrade gatsby-image (#250)

1144f75

I found an issue with gatsby-image on the store site, I created this PR gatsbyjs/gatsby#11303, so the issue has been fixed in the latest version. close #211

fix: update link to search for open issues on GitHub (#251)

8e7e9c8

* Fix link to search for open issues on GitHub * Fix search for open issue link

fix(ContentForContributor): remove duplicate selector (#253)

d08ecce

removed duplicate selector `::-webkit-progress-value`

Minimilk93 and others added 30 commits October 21, 2019 16:56

fix: butler icon causes overflow issue on mobile (#304)

d739f5e

404 error page updated (#294)

ec6e63c

Add ability to copy the code with a button (#284)

b2f186f

* add ability to copy the code with a button * revert lock.file change * remove overflow: hidden from div containing code badge and copy button to not clip the box-shadow effect on button

feat: Add link to FAQs in footer (#317)

e3bfb4e

* Adding link to faqs * Tweak wording, structure Co-authored-by: Florian Kissling <[email protected]>

fix: open issues looking at wrong label (#313)

583a20c

Change the label for open issues from 'status: help wanted' to 'help wanted'

feat: add info re:international order x taxes to cart shipping info (#…

9e3d3f1

…316) * Adding message for international orders about taxes * Move full point/stop punctuation outside of href Co-authored-by: Florian Kissling <[email protected]>

fix: product details back button should return to product (not homepa…

160340a

…ge) when navigating from size chart (#300)

Create CODEOWNERS (#320)

3505bf7

This is an attempt to override GitHub always suggesting jlengstorf as a reviewer for PRs in this repo.

fix: a11y links do not have discernible names (#319)

e792de9

fix(Layout): added check for when the shopify_checkout_id is set to '…

b720d95

…null' (#323)

Fix 404 page styling (#322)

e811f49

Fix Typos (#327)

287bef0

Update GATSBY_API

726054f

upgrade packages and add note about COVID (#331)

d8076fc

Update README with info about wrong t-shirt sizes (#334)

f7a05e0

Fix(Docs): Fixed image in README (#337)

9ffb231

fix: add missing space between "Code Swag Level" and number (#330)

2ba954f

add action, verbiage for colors, and handle missing images (#339)

543204a

Remove non-accessible @gatsby/learning links in contributor area (#338)

bcb63ee

run rebuild every 6 hours

1e96779

Fix image url

a5b6d13

Use experimental shopify plugin (#368)

25c58dd

* Use experimental shopify plugin * Version bump * Another version bump for performance * Plugin options (we need some read-only keys) * The store URL is certainly no secret * Version bump 1.5.0 * Version bump 1.6.0

Version bump to fix inc builds (#369)

c1292bf

Revert to old plugin (#370)

ee6a6b1

Update gatsby-source-shopify to new version and gatsby to v3 (#378)

abe3449

chore: upgrade shopify source plugin to exclude sales channels (#385)

7fb2a90

fix: Typo in src/components/shared/Buttons (#407)

191b0ca

fix: set body background to white (#399)

725f18e

Fix blurred placeholder image issue and upgrade dependencies

52e33d9

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Auto Resize Images #416

Auto Resize Images #416

Shoaib-Qadeer commented Jan 1, 2022

Auto Resize Images #416

Are you sure you want to change the base?

Auto Resize Images #416

Conversation

Shoaib-Qadeer commented Jan 1, 2022