fix(sidebar): Fix overflow of account name

This commit is contained in:
Ben Gotow 2016-04-26 15:53:51 -07:00
parent 875e823df0
commit e4a0c94482
3 changed files with 13 additions and 2 deletions

View file

@ -9,8 +9,17 @@
background-color: @white !important;
section {
&:first-child .heading {
padding-right: 40px;
}
.heading {
padding-bottom: 5px;
.text {
flex: 1;
overflow: hidden;
text-overflow: ellipsis;
}
}
.item-container {
margin: 0 10px 0 0 !important;

View file

@ -125,7 +125,9 @@ class OutlineView extends Component {
const collapseLabel = collapsed ? 'Show' : 'Hide';
return (
<div className="heading">
{this.props.title}
<span className="text">
{this.props.title}
</span>
{allowCreate ? this._renderCreateButton() : void 0}
{collapsible ?
<span

View file

@ -4,7 +4,7 @@
.disclosure-triangle {
flex-shrink: 0;
padding: 7px;
padding-top: 11px;
padding-top: 10px;
width: 20px;
visibility: hidden;