github/atom
1
1
Fork 0
mirror of https://github.com/atom/atom.git synced 2026-02-12 23:55:10 -05:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #117 from github/modified-tab

Browse Source 
Changing the close icon when the tab is modified
This commit is contained in:
Jon Rohan
2012-12-27 22:29:18 -08:00
parent 575e34d5e4 c0fc67bb3b
commit d162644ada
3 changed files with 33 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
src/packages/tabs/src/tab.coffee
View File

@@ -11,6 +11,25 @@ class Tab extends View
@updateFileName()
@editSession.on 'buffer-path-change.tab', =>
@updateFileName()
@subscribeToBuffer()
updateTab: ->
@updateBufferHasModifiedText(@buffer.isModified())
subscribeToBuffer: ->
@buffer = @editSession.buffer
@subscribe @buffer, 'contents-modified.tabs', (e) => @updateBufferHasModifiedText(e.differsFromDisk)
@subscribe @buffer, 'after-save.tabs', => @updateTab()
@subscribe @buffer, 'git-status-change.tabs', => @updateTab()
@updateTab()
updateBufferHasModifiedText: (differsFromDisk) ->
if differsFromDisk
@toggleClass('file-modified') unless @isModified
@isModified = true
else
@removeClass('file-modified') if @isModified
@isModified = false
updateFileName: ->
@fileName.text(@editSession.buffer.getBaseName() ? 'untitled')

13
src/packages/tabs/src/tabs.css
View File

@@ -21,6 +21,19 @@
height: 24px;
}
.tab.file-modified .close-icon {
border: 3px solid #777;
top: 6px;
border-radius: 10px;
width: 5px;
height: 5px;
right: 5px;
}
.tab.file-modified .close-icon:before {
content: "";
}
.tab:first-child {
box-shadow: inset 0 0 5px #383838, 0 1px 0 #585858, inset -1px 0 0 #4a4a4a;
}