diff options
| author | Kamran Ahmed <kamranahmed.se@gmail.com> | 2018-08-27 20:10:18 +0500 |
|---|---|---|
| committer | Kamran Ahmed <kamranahmed.se@gmail.com> | 2018-08-27 20:10:18 +0500 |
| commit | 7b9b29d34dc3059797c3babac2558d918ced1683 (patch) | |
| tree | b02455264242f3054086c931198e467e68bde1a3 | |
| parent | Add line clamp for repository body (diff) | |
| download | githunt-7b9b29d34dc3059797c3babac2558d918ced1683.tar.gz | |
Fix - Overflowing repository descriptions
| -rw-r--r-- | src/components/repository-grid/grid-item/index.js | 2 | ||||
| -rw-r--r-- | src/components/repository-grid/grid-item/styles.css | 5 |
2 files changed, 1 insertions, 6 deletions
diff --git a/src/components/repository-grid/grid-item/index.js b/src/components/repository-grid/grid-item/index.js index 86b4de3..18583c1 100644 --- a/src/components/repository-grid/grid-item/index.js +++ b/src/components/repository-grid/grid-item/index.js @@ -34,7 +34,7 @@ class GridItem extends React.Component { </p> </div> <div className="repo-body"> - <p>{ this.props.repository.description || 'No description given.' }</p> + <p>{ (this.props.repository.description && this.props.repository.description.slice(0, 140)) || 'No description given.' }</p> </div> <div className="repo-footer"> { diff --git a/src/components/repository-grid/grid-item/styles.css b/src/components/repository-grid/grid-item/styles.css index 21e6d14..44f1a4f 100644 --- a/src/components/repository-grid/grid-item/styles.css +++ b/src/components/repository-grid/grid-item/styles.css @@ -78,11 +78,6 @@ font-size: 14px; margin-bottom: 0; color: #6e7583; - display: -webkit-box; - -webkit-line-clamp: 3; - -webkit-box-orient: vertical; - overflow: hidden; - text-overflow: ellipsis; } .grid-item-container .repo-footer { |