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

Actions prop distorts the position of the title in the card component #10576

Closed
1 task done
ridgekimani opened this issue May 18, 2018 · 10 comments · Fixed by #13703
Closed
1 task done

Actions prop distorts the position of the title in the card component #10576

ridgekimani opened this issue May 18, 2018 · 10 comments · Fixed by #13703
Labels

Comments

@ridgekimani
Copy link

ridgekimani commented May 18, 2018

  • I have searched the issues of this repository and believe that this is not a duplicate.

Version

3.5.2

Environment

Browser version

Reproduction link

https://codepen.io/ridgekimani/pen/ELGKQJ?&editors=001

Steps to reproduce

Import the card and any other component
Make sure it has a title
Under actions create add an Ant Design Component rather than a React Node

What is expected?

The card title details should be in line

What is actually happening?

The position of the title is not inline with the position of the action props


It happens with most of the antd components I have interacted with

@ridgekimani ridgekimani changed the title Actions prop node distorts the position of the title in the card component Actions prop distorts the position of the title in the card component May 18, 2018
@IssueHuntBot
Copy link

@Oliver-U funded this issue with $2.0. Visit this issue on Issuehunt

@picodoth
Copy link
Contributor

picodoth commented Jul 2, 2018

@ridgekimani as a temporary workaround, you can pass in entire title as a component and customize the style yourself: https://codepen.io/picodoth/pen/QxYYPo?editors=0010

@ridgekimani
Copy link
Author

Yeah, I have a workaround too @picodoth but I saw it better to be styled correctly in the ant d styling

@IssueHuntBot
Copy link

@0maxxam0 funded this issue with $15. Visit this issue on Issuehunt

afc163 pushed a commit that referenced this issue Sep 16, 2018
* fix: The title of Card should be vertically aligned, close #10576

* Update index.less
@IssueHuntBot
Copy link

@loadbalance-sudachi-kun funded this issue with $256. Visit this issue on Issuehunt

@IssueHuntBot
Copy link

@nirajgeorgian has started working. Visit this issue on Issuehunt

afc163 added a commit that referenced this issue Oct 26, 2018
close #12680

close #10576 in another way
@IssueHuntBot
Copy link

@0maxxam0 cancelled funding, $15, of this issue. See it on IssueHunt

@mighty-phoenix
Copy link
Contributor

@ridgekimani Can I start working on this issue?

@mighty-phoenix mighty-phoenix mentioned this issue Dec 18, 2018
10 tasks
@IssueHuntBot
Copy link

@rakshitkumarcse has submitted a pull request. See it on IssueHunt

@IssueHuntBot
Copy link

@afc163 has rewarded $180.60 to @rakshitkumarcse. See it on IssueHunt

  • 💰 Total deposit: $258.00
  • 🎉 Repository reward(20%): $51.60
  • 🔧 Service fee(10%): $25.80

afc163 pushed a commit that referenced this issue Dec 19, 2018
FIxes #10576 by removing the extra padding that causes the card title to go out of line with action props
afc163 added a commit that referenced this issue Dec 19, 2018
* master:
  📝 fix demo order
  Fixes #10576 (#13703)
  doc: update form & layout docs (#13701)
  update doc close #11802
  🐛 Fix Badge offset not working when count is ReactNode
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging a pull request may close this issue.

6 participants