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
ridgekimani opened this issue May 18, 2018 · 10 comments
Closed

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

ridgekimani opened this issue May 18, 2018 · 10 comments
Labels

Comments

@ridgekimani
Copy link

@ridgekimani 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
dengfuping added a commit that referenced this issue Jun 26, 2018
@IssueHuntBot
Copy link

@IssueHuntBot IssueHuntBot commented Jun 29, 2018

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

@picodoth
Copy link
Contributor

@picodoth 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

@ridgekimani ridgekimani commented Jul 2, 2018

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

@IssueHuntBot
Copy link

@IssueHuntBot IssueHuntBot commented Jul 25, 2018

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

afc163 added 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

@IssueHuntBot IssueHuntBot commented Sep 17, 2018

@IssueHuntBot
Copy link

@IssueHuntBot IssueHuntBot commented Sep 28, 2018

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

close #10576 in another way
@IssueHuntBot
Copy link

@IssueHuntBot IssueHuntBot commented Oct 30, 2018

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

@mighty-phoenix
Copy link
Contributor

@mighty-phoenix mighty-phoenix commented Dec 18, 2018

@ridgekimani Can I start working on this issue?

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

@IssueHuntBot IssueHuntBot commented Dec 18, 2018

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

@IssueHuntBot
Copy link

@IssueHuntBot IssueHuntBot commented Dec 19, 2018

@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 added 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
Projects
None yet
Linked pull requests

Successfully merging a pull request may close this issue.

6 participants