github/atom
1
1
Fork 0
mirror of https://github.com/atom/atom.git synced 2026-04-06 03:02:13 -04:00
Code Issues Packages Projects Releases Wiki Activity

Changing around the status bar html

Browse Source
This commit is contained in:
Jon Rohan
2012-12-25 11:18:13 -08:00
parent f27d84a7f0
commit 14ca750932
2 changed files with 45 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/packages/status-bar/src/status-bar.coffee
View File

@@ -19,15 +19,15 @@ class StatusBar extends View
@content: ->
@div class: 'status-bar', =>
@div class: 'file-info', =>
@span class: 'git-branch', outlet: 'branchArea', =>
@span class: 'octicons branch-icon'
@span class: 'branch-label', outlet: 'branchLabel'
@span class: 'git-status', outlet: 'gitStatusIcon'
@span class: 'cursor-position', outlet: 'cursorPosition'
@span class: 'file-info', =>
@span class: 'current-path', outlet: 'currentPath'
@span class: 'buffer-modified', outlet: 'bufferModified'
@div class: 'cursor-position', =>
@span outlet: 'gitStatusIcon'
@span outlet: 'branchArea', =>
@span class: 'octicons branch-icon'
@span class: 'branch-label', outlet: 'branchLabel'
@span outlet: 'cursorPosition'
initialize: (@rootView, @editor) ->
@updatePathText()
@@ -76,7 +76,7 @@ class StatusBar extends View
@gitStatusIcon.empty()
return unless path
@gitStatusIcon.removeClass().addClass('octicons')
@gitStatusIcon.removeClass().addClass('git-status octicons')
if @buffer.getGit()?.isPathModified(path)
@gitStatusIcon.addClass('modified-status-icon')
else if @buffer.getGit()?.isPathNew(path)
@@ -90,4 +90,4 @@ class StatusBar extends View
updateCursorPositionText: ->
{ row, column } = @editor.getCursorBufferPosition()
@cursorPosition.text("#{row + 1},#{column + 1}")
@cursorPosition.text("Line #{row + 1}, Column #{column + 1}")

62
static/status-bar.css
View File

@@ -1,37 +1,29 @@
.status-bar {
background: black;
color: white;
padding: 5px;
background-image: -webkit-linear-gradient(#303030, #252525);
border-top: 1px solid #454545;
padding: 4px 10px 3px;
font-size: 11px;
line-height: 14px;
color: #969696;
position: relative;
}
.status-bar .file-info {
float: left;
display: inline-block;
}
.status-bar .cursor-position {
position: absolute;
right: 5px;
top: 5px;
padding-right: 20px;
}
.status-bar .modified-status-icon {
color: #6C6912;
padding-right: 5px;
.status-bar .git-branch {
float: right;
}
.status-bar .modified-status-icon:before {
content: "\f26d";
.status-bar .branch-label {
padding-left: 5px;
vertical-align: baseline;
}
.status-bar .new-status-icon {
color: #269F81;
padding-right: 5px;
}
.status-bar .new-status-icon:before {
content: "\f26b";
.status-bar .git-status.octicons {
display: none;
padding-left: 10px;
}
.status-bar .octicons {
@@ -39,13 +31,31 @@
font-size: 14px;
width: 14px;
height: 14px;
line-height: 14px;
-webkit-font-smoothing: antialiased;
display: inline-block;
vertical-align: middle;
}
.status-bar .branch-icon:before {
content: "\f020";
}
.status-bar .branch-label {
padding-left: 5px;
padding-right: 10px;
.status-bar .git-status.octicons.modified-status-icon {
color: #6C6912;
display: inline-block;
}
.status-bar .modified-status-icon:before {
content: "\f26d";
}
.status-bar .git-status.octicons.new-status-icon {
color: #269F81;
display: inline-block;
}
.status-bar .new-status-icon:before {
content: "\f26b";
}