diff --git a/components/active/init.js b/components/active/init.js
index e469d79..1eadff6 100755
--- a/components/active/init.js
+++ b/components/active/init.js
@@ -896,7 +896,10 @@
},
createMenuItemThumb: function(path) {
- return $('
' + path.substring(1) + '
');
+ split = this.splitDirectoryAndFileName(path);
+ return $(''
+ + split.directory.substring(1) + '' + split.fileName + ''
+ + '
');
},
};
diff --git a/components/active/screen.css b/components/active/screen.css
index e1f889b..cdaaa45 100755
--- a/components/active/screen.css
+++ b/components/active/screen.css
@@ -129,6 +129,8 @@ Gradients Generated by: http://www.colorzilla.com/gradient-editor/
* Dropdown
************************/
+/* Tab button */
+
#tab-dropdown {
/* Adjust this size depending on the final editor-top-bar height. */
position: fixed;
@@ -146,6 +148,8 @@ Gradients Generated by: http://www.colorzilla.com/gradient-editor/
color: #fff;
}
+/* Dropdown */
+
#dropdown-list-active-files {
position: absolute;
z-index: 9999;
@@ -167,21 +171,32 @@ Gradients Generated by: http://www.colorzilla.com/gradient-editor/
background-color: #262626;
height: 27px;
overflow: hidden;
+ color: #A3A3A3;
+ text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
}
-#dropdown-list-active-files a:hover, #dropdown-list-active-files li.active a {
+
+#dropdown-list-active-files a .file-name {
+ color: #FAFAFA;
+}
+
+#dropdown-list-active-files a:hover,
+#dropdown-list-active-files li.active a {
background-color: #474747;
}
+
#dropdown-list-active-files li.changed a {
border: 3px solid #3ba628;
border-top: 0;
border-bottom: 0;
}
+
#dropdown-list-active-files div {
white-space: nowrap;
direction: rtl;
overflow: hidden;
}
-#dropdown-list-active-files a span {
+
+#dropdown-list-active-files a span.label {
display: block;
float: right;
margin: 1px -23px 0 -15px;
@@ -191,14 +206,19 @@ Gradients Generated by: http://www.colorzilla.com/gradient-editor/
border-radius: 5px;
line-height: 100%;
}
-#dropdown-list-active-files a span:after {
+
+/* Close button */
+
+#dropdown-list-active-files a span.label:after {
content: 'x';
+ text-shadow: none;
}
-#dropdown-list-active-files a:hover span {
+#dropdown-list-active-files a:hover span.label {
background: #1a1a1a;
color: #616161;
+
}
-#dropdown-list-active-files a:hover span:hover {
+#dropdown-list-active-files a:hover span.label:hover {
color: #fff;
background-color: #000;
}