diff --git a/css/project.less b/css/project.less index 09ae28d..708a709 100644 --- a/css/project.less +++ b/css/project.less @@ -24,6 +24,10 @@ white-space: nowrap; } + a:focus { + outline: none; + } + ul { margin: 0; padding: 0; @@ -33,7 +37,6 @@ li { color: @foreground; text-shadow: -1px -1px 1px rgba(0, 0, 0, .2); - overflow: hidden; white-space: no-wrap; padding: 4px 0px; @@ -51,15 +54,22 @@ color: darken(@foreground, 30%); position: relative; - &:after { + &:before { content: "▶"; - margin-left: 6px; + position: absolute; + left: -10px; + font-size: 75%; + opacity: .5; display: inline-block; transition: all .3s; } } - .expanded > .directory:after { + .root > .directory:before { + content: none; + } + + .expanded > .directory:before { -webkit-transform: rotate(90deg); transform: rotate(90deg); } diff --git a/js/projectManager.js b/js/projectManager.js index c600af6..0875a06 100644 --- a/js/projectManager.js +++ b/js/projectManager.js @@ -189,6 +189,7 @@ define([ var trees = this.directories.map(walker); var list = document.createElement("ul"); trees.forEach(function(dir) { + dir.classList.add("root"); dir.classList.add("expanded"); list.appendChild(dir); }); diff --git a/manifest.json b/manifest.json index 546bcbe..84eaffa 100644 --- a/manifest.json +++ b/manifest.json @@ -1,7 +1,7 @@ { "name": "Caret", "description": "Professional text editing for Chrome and Chrome OS", - "version": "1.2.8", + "version": "1.2.9", "manifest_version": 2, "icons": { "128": "icon-128.png"