Skip to content

a ton of mobile improvements to save space#4336

Merged
emrysal merged 13 commits intomainfrom
4334-booking-save-more-horizontal-space-by-making-columns-smaller
Sep 9, 2022
Merged

a ton of mobile improvements to save space#4336
emrysal merged 13 commits intomainfrom
4334-booking-save-more-horizontal-space-by-making-columns-smaller

Conversation

@PeerRich
Copy link
Copy Markdown
Member

@PeerRich PeerRich commented Sep 9, 2022

  • reduced column size in /booking
  • made AppBar and Bottom Nav fixed with frosted glass on mobile
  • hiding headline and description on mobile
  • fixed CTA on bottom right on mobile

/bookings before:

CleanShot 2022-09-09 at 14 45 57@2x

/bookings after:
CleanShot 2022-09-09 at 14 46 10@2x

demo:
https://user-images.githubusercontent.com/8019099/189352382-3b890ca2-89e3-46b7-8f2f-fbe38d89132c.mp4

recorded on iPhone 12 Mini:

RPReplay_Final1662728078.mp4

@PeerRich PeerRich linked an issue Sep 9, 2022 that may be closed by this pull request
@vercel
Copy link
Copy Markdown

vercel bot commented Sep 9, 2022

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Updated
cal ✅ Ready (Inspect) Visit Preview Sep 9, 2022 at 2:58PM (UTC)

…ns-smaller' of https://github.com/calcom/cal.com into 4334-booking-save-more-horizontal-space-by-making-columns-smaller
Copy link
Copy Markdown
Member

@sean-brydon sean-brydon left a comment

Choose a reason for hiding this comment

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

Super clean :)

Comment thread apps/web/styles/globals.css Outdated
Comment thread apps/web/styles/globals.css Outdated
emrysal
emrysal previously requested changes Sep 9, 2022
Copy link
Copy Markdown
Contributor

@emrysal emrysal left a comment

Choose a reason for hiding this comment

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

Unit test fail

@emrysal emrysal dismissed their stale review September 9, 2022 14:25

Flaky unit test?

emrysal
emrysal previously requested changes Sep 9, 2022
Copy link
Copy Markdown
Contributor

@emrysal emrysal left a comment

Choose a reason for hiding this comment

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

Definitely a unit test issue, the clarity could be improved though.

TypeError: window.getEmbedTheme is not a function

      372 | if (isBrowser) {
      373 |   const url = new URL(document.URL);
    > 374 |   embedStore.theme = (window.getEmbedTheme() || "auto") as UiConfig["theme"];

@emrysal emrysal dismissed their stale review September 9, 2022 14:40

Fixed tests.

@emrysal emrysal added the ♻️ autoupdate tells kodiak to keep this branch up-to-date label Sep 9, 2022
@emrysal emrysal merged commit 5cd2ce9 into main Sep 9, 2022
@emrysal emrysal deleted the 4334-booking-save-more-horizontal-space-by-making-columns-smaller branch September 9, 2022 15:02
joeauyeung pushed a commit that referenced this pull request Sep 9, 2022
* made /booking more responsive friendly

* hiding headline and description on mobile, moving CTA to bottom right fixed on mobile

* more padding on full screen mode on iPhone

* nit fixes to wipemycal

* nit fixes to wipemycal

* lint fix

* Update apps/web/styles/globals.css

Massive nit, lol.

Co-authored-by: Alex van Andel <me@alexvanandel.com>
@PeerRich
Copy link
Copy Markdown
Member Author

thank you for merging!

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

Labels

♻️ autoupdate tells kodiak to keep this branch up-to-date

Projects

No open projects
Status: Done

Development

Successfully merging this pull request may close these issues.

fix app bar with frosted glass, make CTA fixed on mobile /booking: save more horizontal space by making columns smaller

4 participants