Skip to content

#1402 | add seat count badge#14

Merged
codingCookie merged 11 commits intomasterfrom
feature/1402-seatCountBadge-composition
Dec 7, 2023
Merged

#1402 | add seat count badge#14
codingCookie merged 11 commits intomasterfrom
feature/1402-seatCountBadge-composition

Conversation

@codingCookie
Copy link
Copy Markdown
Contributor

What happened?

  • Volume Component
    • optional prop fontWeight added > default = "bold"; defined as a string to handle normal values of font-weight CSSProperty
  • plain Badge Component added
  • SeatCountBadge added to place the Badge nicely inside eg the Volume Component
  • Seatmap story updated with the badge volume + reference image

tested on:

  • Chrome Desktop
  • Firefox Desktop
  • Safari iPhone

I didn't place the badge directly on the corner of the volume, as otherwise it would look very squashed on my seatmap "A (Grandstand NORD HKR 2022 departure volumes)", for example.

Seatmap Story
I wasn't sure whether the gray boxes were still needed for the rotated volumes in the seatmap story - I removed them for the moment.
I wasn't sure why the complex-example-reference was there - I updated it as well and left the original in the repo for now. Would be cool if we could clarify what the picture is there for and whether it can be removed.


Screenshots Shop

seatCount_badge_testVolumes
seatCount_badge_nordtribuene

Adjustments have no effect on other seatmaps
seatCount_other_seatmap


Screenshots Storybook

Seatmap Story
seatmap_story

Volume/Badge Stories

volume_fontWeight
volume_badge_fontWeight
volume_badge_rotated
volume_badge_darkBackground
volume_badge_lightBackground
volume_badge_disabled

Comment thread packages/seatmaps/src/Volume.tsx Outdated
Comment thread packages/seatmaps/src/stories/3-Volume.stories.tsx Outdated
codingCookie and others added 3 commits December 7, 2023 11:31
Co-authored-by: Rudolph Gottesheim <r.gottesheim@midnight-design.at>
Co-authored-by: Rudolph Gottesheim <r.gottesheim@midnight-design.at>
@codingCookie
Copy link
Copy Markdown
Contributor Author

@MidnightDesign Moved the fill-prop for the Volume-Component one level higher to use color=inherit in the SeatCountBadge-Component

@codingCookie codingCookie merged commit 5d2bc3f into master Dec 7, 2023
@codingCookie codingCookie deleted the feature/1402-seatCountBadge-composition branch December 7, 2023 13:50
@codingCookie codingCookie restored the feature/1402-seatCountBadge-composition branch December 7, 2023 13:51
@codingCookie codingCookie deleted the feature/1402-seatCountBadge-composition branch December 7, 2023 14:08
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.

2 participants