Reduce tab bar height
This commit is contained in:
parent
d42a4ff16c
commit
14b23d24d3
|
@ -217,7 +217,7 @@ const MainPage = React.createClass({
|
||||||
var visibility = visible ? 'visible' : 'hidden';
|
var visibility = visible ? 'visible' : 'hidden';
|
||||||
return {
|
return {
|
||||||
position: 'absolute',
|
position: 'absolute',
|
||||||
top: (this.props.teams.length > 1) ? 42 : 0,
|
top: (this.props.teams.length > 1) ? 32 : 0,
|
||||||
right: 0,
|
right: 0,
|
||||||
bottom: 0,
|
bottom: 0,
|
||||||
left: 0,
|
left: 0,
|
||||||
|
|
|
@ -16,7 +16,7 @@ class TabBar extends React.Component {
|
||||||
lineHeight: '20px',
|
lineHeight: '20px',
|
||||||
height: '19px',
|
height: '19px',
|
||||||
marginLeft: '5px',
|
marginLeft: '5px',
|
||||||
marginTop: '6px',
|
marginTop: '5px',
|
||||||
borderRadius: '50%'
|
borderRadius: '50%'
|
||||||
};
|
};
|
||||||
|
|
||||||
|
@ -85,7 +85,7 @@ class TabBar extends React.Component {
|
||||||
var tabButton = {
|
var tabButton = {
|
||||||
border: 'none',
|
border: 'none',
|
||||||
fontSize: '20px',
|
fontSize: '20px',
|
||||||
height: '35px',
|
height: '31px',
|
||||||
padding: '2px 0 0 0',
|
padding: '2px 0 0 0',
|
||||||
width: '40px',
|
width: '40px',
|
||||||
color: '#999',
|
color: '#999',
|
||||||
|
|
|
@ -35,16 +35,17 @@
|
||||||
border-radius: 2px 2px 0 0;
|
border-radius: 2px 2px 0 0;
|
||||||
border: 1px solid #ddd;
|
border: 1px solid #ddd;
|
||||||
color: #888;
|
color: #888;
|
||||||
height: 35px;
|
height: 31px;
|
||||||
line-height: 32px;
|
line-height: 29px;
|
||||||
margin-right: -1px;
|
margin-right: -1px;
|
||||||
margin-top: 7px;
|
margin-top: 0px;
|
||||||
padding: 0 15px;
|
padding: 0 15px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.nav-tabs>li.buttonTab>a {
|
.nav-tabs>li.buttonTab>a {
|
||||||
border: none;
|
border: none;
|
||||||
background: transparent;
|
background: transparent;
|
||||||
|
margin: 0px;
|
||||||
margin-left: 1px; /*Has no border and would be placed above the last item's border due to it's margin-right: -1px */
|
margin-left: 1px; /*Has no border and would be placed above the last item's border due to it's margin-right: -1px */
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin-bottom: 1px;
|
margin-bottom: 1px;
|
||||||
|
|
Loading…
Reference in a new issue