From 392b9cfeabc1689c52a986127d8738b5be983f8a Mon Sep 17 00:00:00 2001 From: Justin Palmer Date: Tue, 5 Mar 2013 13:47:35 -0800 Subject: [PATCH] command-panel.css -> command-panel.less --- src/app/window.coffee | 2 +- static/command-panel.css | 134 -------------------------------------- static/command-panel.less | 131 +++++++++++++++++++++++++++++++++++++ 3 files changed, 132 insertions(+), 135 deletions(-) delete mode 100644 static/command-panel.css create mode 100644 static/command-panel.less diff --git a/src/app/window.coffee b/src/app/window.coffee index 4a548b5bd..6ab360ad0 100644 --- a/src/app/window.coffee +++ b/src/app/window.coffee @@ -29,7 +29,7 @@ window.setUpEnvironment = -> requireStylesheet 'tabs.css' requireStylesheet 'tree-view.css' requireStylesheet 'status-bar.css' - requireStylesheet 'command-panel.css' + requireStylesheet 'command-panel.less' requireStylesheet 'fuzzy-finder.css' requireStylesheet 'overlay.css' requireStylesheet 'popover-list.css' diff --git a/static/command-panel.css b/static/command-panel.css deleted file mode 100644 index 8f2098259..000000000 --- a/static/command-panel.css +++ /dev/null @@ -1,134 +0,0 @@ -.command-panel { - position: relative; - padding: 0; -} - -.command-panel .is-loading { - display: block; - margin: 0 auto 10px auto; - width: 100px; - background-color: #111; - 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); -} - -.command-panel .preview-count { - display: inline-block; - margin-top: 4px; - font-size: 11px; -} - -.command-panel .preview-list { - max-height: 300px; - overflow: auto; - margin: 0 0 10px 0; - position: relative; - cursor: default; -} - -.command-panel .header:after { - content: "."; - display: block; - visibility: hidden; - clear: both; - height: 0; -} - -.command-panel .expand-collapse { - float: right; -} - -.command-panel .expand-collapse li { - display: inline-block; - cursor: pointer; - font-size: 11px; - margin-left: 5px; - padding: 5px 10px; - border-radius: 3px; -} - -.command-panel .preview-count, -.command-panel .expand-collapse { - -webkit-user-select: none; -} - -.command-panel .preview-list .path { - position: relative; - -webkit-user-select: none; -} - -.command-panel .preview-list .path-details:before { - font-family: 'Octicons Regular'; - font-size: 12px; - width: 12px; - height: 12px; - margin-right: 5px; - margin-left: 5px; - -webkit-font-smoothing: antialiased; - content: "\f05b"; - position: relative; - top: 0; -} - -.command-panel .preview-list .is-collapsed .path-details:before { - content: "\f05a"; -} - -.command-panel .preview-list .path-name:before { - font-family: 'Octicons Regular'; - font-size: 16px; - width: 16px; - height: 16px; - margin-right: 5px; - -webkit-font-smoothing: antialiased; - content: "\f011"; - position: relative; - top: 1px; -} - -.command-panel .preview-list .path.readme .path-name:before { - content: "\f007"; -} - -.command-panel .preview-list .operation { - padding-top: 2px; - padding-bottom: 2px; - padding-left: 10px; -} - -.command-panel .preview-list .line-number { - margin-right: 1ex; - text-align: right; - display: inline-block; -} - -.command-panel .preview-list .path-match-number { - padding-left: 8px; -} - -.command-panel .preview-list .preview { - word-break: break-all; -} - -.command-panel .preview-list .preview .match { - -webkit-border-radius: 2px; - padding: 1px; -} - -.command-panel .prompt-and-editor .editor { - position: relative; -} - -.command-panel .prompt-and-editor { - display: -webkit-flex; -} - -.error-messages { - padding: 5px 1em; - color: white; -} diff --git a/static/command-panel.less b/static/command-panel.less new file mode 100644 index 000000000..18fa88fab --- /dev/null +++ b/static/command-panel.less @@ -0,0 +1,131 @@ +.command-panel { + position: relative; + 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); + } + + .preview-count { + display: inline-block; + margin-top: 4px; + font-size: 11px; + -webkit-user-select: none; + } + + .preview-list { + max-height: 300px; + overflow: auto; + margin: 0 0 10px 0; + position: relative; + cursor: default; + + .path { + position: relative; + -webkit-user-select: none; + } + + .path-details:before { + font-family: 'Octicons Regular'; + font-size: 12px; + width: 12px; + height: 12px; + margin-right: 5px; + margin-left: 5px; + -webkit-font-smoothing: antialiased; + content: "\f05b"; + position: relative; + top: 0; + } + + .is-collapsed .path-details:before { + content: "\f05a"; + } + + .path-name:before { + font-family: 'Octicons Regular'; + font-size: 16px; + width: 16px; + height: 16px; + margin-right: 5px; + -webkit-font-smoothing: antialiased; + content: "\f011"; + position: relative; + top: 1px; + } + + .path.readme .path-name:before { + content: "\f007"; + } + + .operation { + padding-top: 2px; + padding-bottom: 2px; + padding-left: 10px; + } + + .line-number { + margin-right: 1ex; + text-align: right; + display: inline-block; + } + + .path-match-number { + padding-left: 8px; + } + + .preview { + word-break: break-all; + + .match { + -webkit-border-radius: 2px; + padding: 1px; + } + } + } + + .header:after { + content: "."; + display: block; + visibility: hidden; + clear: both; + height: 0; + } + + .expand-collapse { + float: right; + -webkit-user-select: none; + + li { + display: inline-block; + cursor: pointer; + font-size: 11px; + margin-left: 5px; + padding: 5px 10px; + border-radius: 3px; + } + } + + .prompt-and-editor { + display: -webkit-flex; + + .editor { + position: relative; + } + } +} + +.error-messages { + padding: 5px 1em; + color: white; +}