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

fix(tablekit-banner): fix icon alignment #40

Merged
merged 1 commit into from
Mar 28, 2022
Merged

Conversation

irmir
Copy link
Contributor

@irmir irmir commented Aug 25, 2021

I did vertical alignment on the middle for all examples except banner with long message
before:
Screen Shot 2021-08-26 at 09 33 41
after:
Screen Shot 2021-08-26 at 09 35 12
Screen Shot 2021-08-26 at 09 56 04

closes #39

📦 Published PR as canary version: Canary Versions

✨ Test out this PR locally via:

npm install @tablecheck/tablekit-banner@2.1.2-canary.40.1863701405.0
# or 
yarn add @tablecheck/tablekit-banner@2.1.2-canary.40.1863701405.0

@irmir irmir added the patch Increment the patch version when merged label Aug 25, 2021
@github-actions
Copy link

github-actions bot commented Aug 25, 2021

Unit Test Results

    1 files    28 suites   32s ⏱️
191 tests 191 ✔️ 0 💤 0

Results for commit d4b398c.

♻️ This comment has been updated with latest results.

Copy link
Collaborator

@wahidfarid wahidfarid left a comment

Choose a reason for hiding this comment

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

Since it's a UI thing, having some kind of image in the PR would help 😄

packages/banner/src/__tests__/__snapshots__/index.tsx.snap Outdated Show resolved Hide resolved
@SimeonC
Copy link
Collaborator

SimeonC commented Aug 26, 2021

I have some other comments, but we need #36 merged before we can review this one. And as Wahid pointed out, can you include "Before fix" and "After fix" screenshots. I tried rebasing this onto the other branch so I could see the example stories but I still don't know "what" you're trying to fix.

@irmir
Copy link
Contributor Author

irmir commented Aug 26, 2021

@wahidmagdy @SimeonC I added screenshots. Sorry for the inconvenience, in GitLab we had discussion with Joan about it and also had screenshots of the problem

packages/banner/src/Banner.tsx Outdated Show resolved Hide resolved
packages/banner/src/Banner.tsx Outdated Show resolved Hide resolved
packages/banner/src/Banner.tsx Outdated Show resolved Hide resolved
packages/banner/src/styled.ts Outdated Show resolved Hide resolved
@irmir irmir force-pushed the fix-banner-icon-alignment branch 3 times, most recently from ddbe7c6 to 2ba4e9b Compare February 18, 2022 06:38
SimeonC
SimeonC previously approved these changes Feb 18, 2022
@irmir irmir merged commit dbbd56c into main Mar 28, 2022
@irmir irmir deleted the fix-banner-icon-alignment branch March 28, 2022 10:21
@tablecheck-public-automation
Copy link
Collaborator

🚀 PR was released in @tablecheck/tablekit-banner@2.1.2 🚀

@tablecheck-public-automation tablecheck-public-automation added the released This issue/pull request has been released. label Mar 28, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
patch Increment the patch version when merged released This issue/pull request has been released.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Fix icon alignment in Banner
5 participants