Files
atom/static/status-bar.css
Corey Johnson & Nathan Sobo 2aefd8ca46 Set overflow hidden on status bar
The octicon was causing overflow, which was making the entire view
scroll because the status bar was bigger than the height used by
flexbox.
2013-03-11 16:52:15 -06:00

73 lines
1.2 KiB
CSS

.status-bar {
padding: 5px 10px;
font-size: 11px;
line-height: 14px;
position: relative;
-webkit-user-select: none;
cursor: default;
overflow: hidden;
}
.status-bar .git-branch {
float: right;
}
.status-bar .cursor-position,
.status-bar .grammar-name {
margin-left: 10px;
}
.status-bar .grammar-name {
cursor: pointer;
border: 1px solid transparent;
padding: 1px 2px;
}
.status-bar .branch-label {
vertical-align: baseline;
}
.status-bar .git-status.octicons {
display: none;
padding-left: 10px;
margin-top:-2px;
}
.status-bar .octicons:before {
font-family: 'Octicons Regular';
font-size: 14px;
width: 14px;
height: 14px;
line-height: 14px;
-webkit-font-smoothing: antialiased;
display: inline-block;
vertical-align: middle;
margin-right: 5px;
}
.status-bar .branch-icon:before {
content: "\f020";
}
.status-bar .modified-status-icon:before {
content: "\f26d";
}
.status-bar .new-status-icon:before {
content: "\f26b";
}
.status-bar .commits-behind-label:before {
margin-top: -3px;
margin-left: 3px;
margin-right: 1px;
content: "\f03f";
}
.status-bar .commits-ahead-label:before {
margin-top: -3px;
margin-left: 3px;
margin-right: 1px;
content: "\f03d";
}