Cleanup on lists and Atom - Light

This commit is contained in:
Jon Rohan
2013-01-21 22:57:44 -08:00
parent 8e7fb55f75
commit 4fbbe84b48
15 changed files with 146 additions and 114 deletions

View File

@@ -7,11 +7,6 @@
max-height: 300px;
}
.command-palette ol li {
padding: 2px;
border-bottom: 1px solid rgba(255, 255, 255, .05);
}
.command-palette ol .event-description {
float: left;
display: inline-block;

View File

@@ -1,6 +1,5 @@
.fuzzy-finder ol {
overflow: hidden;
margin-bottom: 5px;
-webkit-user-select: none;
cursor: default;
}
@@ -39,8 +38,4 @@
.fuzzy-finder .file.pdf-name:before {
content: "\f014";
}
.fuzzy-finder ol li {
border-bottom: 1px solid rgba(255, 255, 255, .05);
}
}

View File

@@ -1,6 +1,4 @@
.grammar-view ol li {
padding: 2px;
border-bottom: 1px solid rgba(255, 255, 255, .05);
line-height: 16px;
}

View File

@@ -1,14 +1,41 @@
.select-list {
position: absolute;
width: 600px;
top: 0;
left: 50%;
margin-left: -300px;
box-sizing: border-box;
z-index: 99;
background-color: #484848;
border: 1px solid #444;
color: #d2d2d2;
box-shadow: 0 0 10px #000;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
padding: 5px;
cursor: pointer;
}
.select-list ol {
position: relative;
overflow-y: auto;
border: 1px solid #212121;
}
.select-list ol li {
background-color: #292929;
border-bottom: 1px solid #212121;
padding: 5px;
}
.select-list ol li:last-child {
border-bottom: none;
}
.select-list .editor {
margin-bottom: 5px;
}
.select-list li:hover {
background-color: #555;
}
.select-list ol .selected {
background-image: -webkit-linear-gradient(#7e7e7e, #737373);
}
.select-list .error {
padding-top: 5px;
font-weight: bold;
}

View File

@@ -55,6 +55,10 @@
padding-right: 10px;
}
.tree-view .directory .header {
padding-left: 5px;
}
.tree-view .ignored {
color: #555;
}

View File

@@ -1,26 +1,15 @@
html, body,
#root-view {
font: caption;
background-color: #333333;
}
#root-view #panes:before {
display: block;
content: "\f208";
font-family: 'Octicons Regular';
color: #303030;
-webkit-font-smoothing: antialiased;
font-size: 100vmin;
line-height: 100vmin;
text-align: center;
background-color: #f4f4f4;
}
#root-view #panes .row > * + * {
border-left: 5px solid #515151;
border-left: 1px solid #989898;
}
#root-view #panes .column > * + * {
border-top: 5px solid #515151;
border-top: 1px solid #989898;
}
.error {

View File

@@ -1,7 +1,6 @@
.select-list.autocomplete {
min-width: 150px;
border: 2px solid #222;
webkit-box-shadow: 0 0 3px 3px rgba(0, 0, 0, .5);
webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .5);
margin-left: 0px;
width: auto;
}

View File

@@ -7,11 +7,6 @@
max-height: 300px;
}
.command-palette ol li {
padding: 2px;
border-bottom: 1px solid rgba(255, 255, 255, .05);
}
.command-palette ol .event-description {
float: left;
display: inline-block;
@@ -28,15 +23,12 @@
margin: 4px 0;
margin-right: .5em;
font-size: 90%;
color: #ddd;
color: #969696;
-webkit-border-radius: 3px;
padding: 0 4px;
}
.command-palette ol .event-name {
background: rgba(0, 0, 0, .2);
}
.command-palette ol .key-binding {
background: rgba(255, 255, 255, .1);
}
color: #fff;
}

View File

@@ -1,31 +1,28 @@
.command-panel {
background-color: #303030;
border: 1px solid #252525;
background-color: #f4f4f4;
border-top: 1px solid #979797;
color: #ededed;
padding: 5px;
padding: 10px;
}
.command-panel .preview-list {
max-height: 300px;
overflow: auto;
margin-bottom: 3px;
margin-bottom: 10px;
position: relative;
background-color: #000000;
color: #ededed;
background-color: #e7e7e7;
color: #222;
cursor: default;
border: 1px solid #989898;
}
.command-panel .preview-list li.selected, .command-panel .preview-list li.operation:hover {
background-color: rgba(255, 255, 255, .13);
}
.command-panel .preview-list:focus li.selected {
background-color: rgba(255, 255, 255, .2);
background-color: rgba(255, 255, 255, .6);
}
.command-panel .preview-list .path {
padding-left: 5px;
color: #00a693;
color: #3D5075;
}
.command-panel .preview-list .path:before {
@@ -47,7 +44,7 @@
.command-panel .preview-list .line-number {
padding-left: 3px;
color: rgba(255, 255, 255, .3);
color: #3D5075;
margin-right: 1ex;
text-align: right;
display: inline-block;
@@ -58,7 +55,7 @@
}
.command-panel .preview-list .preview .match {
background-color: rgba(255, 255, 255, .2);
background-color: #c8d4d7;
-webkit-border-radius: 2px;
padding: 1px;
}
@@ -72,7 +69,7 @@
content: '\f078';
font-family: 'Octicons Regular';
position: relative;
top: -5px;
top: -4px;
left: -5px;
-webkit-font-smoothing: antialiased;
}

View File

@@ -1,6 +1,5 @@
.fuzzy-finder ol {
overflow: hidden;
margin-bottom: 5px;
-webkit-user-select: none;
cursor: default;
}
@@ -22,7 +21,7 @@
margin-right: 5px;
margin-left: 5px;
-webkit-font-smoothing: antialiased;
color: #ccc;
color: #9d9d9d;
}
.fuzzy-finder .file.text-name:before {
@@ -39,8 +38,4 @@
.fuzzy-finder .file.pdf-name:before {
content: "\f014";
}
.fuzzy-finder ol li {
border-bottom: 1px solid rgba(255, 255, 255, .05);
}
}

View File

@@ -1,6 +1,4 @@
.grammar-view ol li {
padding: 2px;
border-bottom: 1px solid rgba(255, 255, 255, .05);
line-height: 16px;
}

View File

@@ -1,14 +1,46 @@
.select-list {
position: absolute;
width: 600px;
top: 0;
left: 50%;
margin-left: -300px;
box-sizing: border-box;
z-index: 99;
background-color: #eeeeee;
border: 1px solid #c6c6c6;
color: #323232;
box-shadow: 0 0 10px #555;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
padding: 5px;
cursor: pointer;
}
.select-list .editor {
border: 1px solid #afafaf;
box-shadow: inset 0 0 2px #ccc;
}
.select-list ol {
position: relative;
overflow-y: auto;
border: 1px solid #d2d2d2;
}
.select-list ol li {
background-color: #f5f5f5;
border-bottom: 1px solid #e6e6e6;
padding: 5px;
}
.select-list ol li:last-child {
border-bottom: none;
}
.select-list .editor {
margin-bottom: 5px;
}
.select-list li:hover {
background-color: #f9f9f9;
}
.select-list ol .selected {
background-color: #e1e1e1;
}
.select-list .error {
padding-top: 5px;
font-weight: bold;
}

View File

@@ -8,7 +8,7 @@
cursor: default;
padding: 2px 21px 2px 9px;
background-image: -webkit-linear-gradient(#e0e0e0, #bfbfbf);
border-top: 1px solid #6a6a6a;
border-top: none;
border-right: 1px solid #959595;
border-bottom: 1px solid #959595;
box-shadow: inset 0 0 5px #eee, 0 1px 0 #eee, inset -1px 0 0 #e0e0e0, inset 1px 0 0 #e0e0e0;
@@ -57,7 +57,6 @@
.tab.active,
.tab.active:hover {
border-top: 1px solid #6a6a6a;
border-bottom: 0 none;
box-shadow: inset -1px 0 0 #e0e0e0, inset 1px 0 0 #e0e0e0;
background-image: -webkit-linear-gradient(#fefefe, #e7e6e7);

View File

@@ -1,6 +1,6 @@
.tree-view {
background: #e2e7ed;
border-right: 2px solid #bdbdbd;
background: #dde3e8;
border-right: 1px solid #989898;
}
.tree-view .entry {
@@ -21,10 +21,16 @@
}
.tree-view .selected > .highlight {
background-image: -webkit-linear-gradient(#c7cbd2, #aeb3bb);
box-sizing: border-box;
border-top: 1px solid #97a4a7;
border-bottom: 1px solid #97a4a7;
box-shadow: 0 -1px 0 #dde4e6, 0 1px 0 #dde4e6;
background-image: -webkit-linear-gradient(#cad5d8, #bcccce);
}
.tree-view:focus .selected > .highlight {
border-top: 1px solid #3D4552;
border-bottom: 1px solid #3D4552;
background-image: -webkit-linear-gradient(#7e868d, #69717b);
}
@@ -45,13 +51,24 @@
}
.tree-view .name:before {
color: #888;
color: #7e8692;
}
.tree-view .entry:hover,
.tree-view .directory .header:hover .name,
.tree-view .directory .header:hover .disclosure-arrow {
color: #5a646e;
color: #4e5666;
}
.tree-view .directory .header .disclosure-arrow,
.tree-view .directory .header:hover .disclosure-arrow {
text-shadow: none;
color: #4e5666;
}
.tree-view:focus .directory .header .disclosure-arrow,
.tree-view:focus .directory .header:hover .disclosure-arrow {
color: #3D4552;
}
.tree-view .file .name,
@@ -61,6 +78,10 @@
padding-right: 10px;
}
.tree-view .directory .header {
padding-left: 5px;
}
.tree-view .ignored {
color: #555;
}
@@ -74,9 +95,8 @@
}
.tree-view-dialog {
background-color: #333;
border-top: 1px solid #555;
-webkit-box-shadow: 0 0 3px 3px rgba(0, 0, 0, .5);
background-color: #e7e7e7;
border-top: 1px solid #989898;
padding: 5px;
}
@@ -84,7 +104,7 @@
padding-bottom: 3px;
font-size: 12px;
line-height: 16px;
color: #aaa;
color: #333;
}
.tree-view-dialog .prompt span {

View File

@@ -1,27 +1,19 @@
.select-list {
background-color: #484848;
border: 1px solid #444;
color: #d2d2d2;
box-shadow: 0 0 10px #000;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
padding: 5px;
cursor: pointer;
position: absolute;
width: 600px;
top: 0;
left: 50%;
margin-left: -300px;
box-sizing: border-box;
z-index: 99;
}
.select-list .editor {
margin-bottom: 5px;
box-sizing: border-box;
padding: 5px;
}
.select-list li:hover {
background-color: #555;
}
.select-list ol .selected {
background-image: -webkit-linear-gradient(#7e7e7e, #737373);
}
.select-list .error {
padding-top: 5px;
font-weight: bold;
}
.select-list ol {
position: relative;
overflow-y: auto;
}