Skip to content

Fix display long title without spaces in DocumentCardTitle#4414

Merged
mikewheaton merged 2 commits intomicrosoft:masterfrom
qianghuang1:master
Apr 2, 2018
Merged

Fix display long title without spaces in DocumentCardTitle#4414
mikewheaton merged 2 commits intomicrosoft:masterfrom
qianghuang1:master

Conversation

@qianghuang1
Copy link
Copy Markdown
Contributor

@qianghuang1 qianghuang1 commented Mar 30, 2018

Pull request checklist

will add npm run change later

Addresses an issue:
Example like https://github.com/OfficeDev/office-ui-fabric-react/blob/d4159b20c9b143248cf52d1f3cdda24fd2e1caae/packages/office-ui-fabric-react/src/components/DocumentCard/examples/DocumentCard.Compact.Example.tsx#L71
When the title is too long and without spaces, the document card will be like
image

Description of changes

Give the .ms-DocumentCard-details the overflow:hidden.

@qianghuang1
Copy link
Copy Markdown
Contributor Author

Hi @mikewheaton and @yiminwu , recently we faced an issue that described above. We thought anyone that using the class "ms-DocumentCard-details" would face the same issue. Plz help to review the PR, i will add change file next Monday.

@qianghuang1 qianghuang1 closed this Apr 2, 2018
@qianghuang1 qianghuang1 reopened this Apr 2, 2018
@qianghuang1
Copy link
Copy Markdown
Contributor Author

@mikewheaton @yiminwu Could anyone help to merge this PR?

@mikewheaton mikewheaton merged commit beaaad8 into microsoft:master Apr 2, 2018
@microsoft microsoft locked as resolved and limited conversation to collaborators Aug 31, 2019
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants