mirror of
https://github.com/atom/atom.git
synced 2026-01-22 21:38:10 -05:00
8ca8841f9e
We moved the setting of flex on editors to the panes stylesheet previously, but here is another context where we need flex to be set.
136 lines
2.5 KiB
CSS
136 lines
2.5 KiB
CSS
.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;
|
|
-webkit-flex: 1;
|
|
}
|
|
|
|
.command-panel .prompt-and-editor {
|
|
display: -webkit-flex;
|
|
}
|
|
|
|
.error-messages {
|
|
padding: 5px 1em;
|
|
color: white;
|
|
}
|