sonny/newsreader
1
0
Fork 0
Code Issues 13 Pull requests 2 Projects Releases 58 Packages Wiki Activity Actions

Fix sidebar category overflow

Browse source
This commit is contained in:
sonny 2020-06-16 20:56:38 +02:00
parent 083f728404
commit 722afe8c12
2 changed files with 8 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/newsreader/js/pages/homepage/components/sidebar/CategoryItem.js
View file

@ -40,8 +40,8 @@ class CategoryItem extends React.Component {
</div>
<div className="category__info" onClick={() => this.handleSelect()}>
<span>{this.props.category.name}</span>
<span className="badge">{this.props.category.unread}</span>
<span className="category__name">{this.props.category.name}</span>
<span className="badge category__badge">{this.props.category.unread}</span>
</div>
</div>

10
src/newsreader/scss/components/category/_category.scss
View file

@ -14,16 +14,18 @@
overflow: hidden;
white-space: nowrap;
& h4 {
overflow: hidden;
text-overflow: ellipsis;
}
&:hover {
cursor: pointer;
}
}
&__name {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
&__menu {
display: flex;
align-items: center;