Merge pull request #6 from Neiko2002/patch-1

Gitbucket color scheme

Author: tomoki1207

scripts/components/Root.js

@@ -34,7 +34,7 @@ export default class Root extends Directory {
     const arrow = this.state.expanded ? 'octicon octicon-chevron-down' : 'octicon octicon-chevron-right';
     return (
       <div className="tree-node">
-        <button className="root-expander" onClick={() => this.toggleFolder(`${this.state.rootPath}/explore/${this.state.branch}`)} >
+        <button className="root-expander btn btn-default" onClick={() => this.toggleFolder(`${this.state.rootPath}/explore/${this.state.branch}`)} >
           <i className={arrow} />
         </button>
         <a href={this.state.rootPath} className="submenu-files" >
@@ -47,4 +47,4 @@ export default class Root extends Directory {
       </div>
     );
   }
-}
+}

src/main/resources/explorer/assets/plugin-explorer.css

@@ -43,19 +43,26 @@ li.active .file-tree {
 }
 .root-expander {
   position: absolute;
-  padding: 2px 2px 0 5px;
-  right: 5px;
+  padding: 2px 1px 0px 5px;
+  width: 21px;
+  right: 15px;
   top: 10px;
   box-shadow: none;
   line-height: 1.5;
   text-align: center;
   background-color: #f4f4f4;
   border: 1px solid #ddd;
   border-radius: 3px;
+  outline: none !important;
 }
-.root-expander > .octicon {
-  font-size: 18px;
-  font-weight: 700;
+.root-expander > .octicon-chevron-right {
+  width: 12px;
+}
+.root-expander > .octicon-chevron-down {
+  width: 14px;
+}
+.root-expander:hover > .octicon {
+  color: rgb(60, 141, 188);
 }
 .file-tree button {
   border: none;
@@ -70,4 +77,4 @@ li.active .file-tree {
 .file-tree button:hover,
 .file-node > a:hover {
   opacity: 0.6;
-}
+}