mirror of
https://github.com/quine-global/hyper.git
synced 2026-01-17 14:08:41 -09:00
add better support for narrow tabs (#1527)
* add better support for narrow tabs * add title for tabs
This commit is contained in:
parent
75b5eb7d3f
commit
78709d93cf
1 changed files with 9 additions and 2 deletions
|
|
@ -67,7 +67,10 @@ export default class Tab extends Component {
|
||||||
)}
|
)}
|
||||||
onClick={this.handleClick}
|
onClick={this.handleClick}
|
||||||
>
|
>
|
||||||
<span className={css('textInner')}>
|
<span
|
||||||
|
title={this.props.text}
|
||||||
|
className={css('textInner')}
|
||||||
|
>
|
||||||
{ this.props.text }
|
{ this.props.text }
|
||||||
</span>
|
</span>
|
||||||
</span>
|
</span>
|
||||||
|
|
@ -143,7 +146,11 @@ export default class Tab extends Component {
|
||||||
right: 0,
|
right: 0,
|
||||||
top: 0,
|
top: 0,
|
||||||
bottom: 0,
|
bottom: 0,
|
||||||
textAlign: 'center'
|
textAlign: 'center',
|
||||||
|
textOverflow: 'ellipsis',
|
||||||
|
whiteSpace: 'nowrap',
|
||||||
|
padding: '0 25px',
|
||||||
|
overflow: 'hidden'
|
||||||
},
|
},
|
||||||
|
|
||||||
icon: {
|
icon: {
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue