github/atom
1
1
Fork 0
mirror of https://github.com/atom/atom.git synced 2026-02-16 09:35:54 -05:00
Code Issues Packages Projects Releases Wiki Activity

Use loading octicon in command panel

Browse Source 
This removes the SVG spinner which had been incorrectly
rendering since the bootstrap upgrade due to box sizing
issues.
This commit is contained in:
Kevin Sawicki
2013-04-29 14:13:21 -07:00
parent b56f4a129f
commit 15cf475d04
4 changed files with 24 additions and 54 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/packages/command-panel/lib/command-panel-view.coffee
View File

@@ -12,7 +12,8 @@ module.exports =
class CommandPanelView extends View
@content: ->
@div class: 'command-panel tool-panel', =>
@div class: 'loading is-loading', outlet: 'loadingMessage', 'Searching...'
@div class: 'loading is-loading', outlet: 'loadingMessage', =>
@span 'Searching...'
@div class: 'header', outlet: 'previewHeader', =>
@button outlet: 'collapseAll', class: 'btn btn-mini pull-right', 'Collapse All'
@button outlet: 'expandAll', class: 'btn btn-mini pull-right', 'Expand All'

33
src/packages/command-panel/stylesheets/command-panel.less
View File

@@ -3,17 +3,28 @@
padding: 0;
.is-loading {
display: block;
margin: 0 auto 10px auto;
width: 100px;
background-color: #111111;
background-size: auto;
background-position: 5px 5px;
padding: 5px 5px 10px 30px;
border-radius: 3px;
border: 1px solid rgba(255,255,255,0.1);
border-top: 1px solid rgba(0,0,0,1);
border-left: 1px solid rgba(0,0,0,1);
margin-bottom: 10px;
text-align: center;
span {
padding: 5px 10px 5px 10px;
background-color: #111111;
text-align: center;
border-radius: 3px;
border: 1px solid rgba(255,255,255,0.1);
border-top: 1px solid rgba(0,0,0,1);
border-left: 1px solid rgba(0,0,0,1);
&:before {
font-family: 'Octicons Regular';
font-size: 14px;
width: 14px;
height: 14px;
margin-right: 5px;
-webkit-font-smoothing: antialiased;
content: '\f09e';
}
}
}
.preview-count {