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; }