Commit 1a3ce182ea98a4ae2b4ce51e9900c2b5be645ed1
1 parent
7909fba5
Exists in
master
and in
4 other branches
tree view pollished
Showing
1 changed file
with
30 additions
and
7 deletions
Show diff stats
app/assets/stylesheets/tree.scss
| @@ -39,18 +39,28 @@ | @@ -39,18 +39,28 @@ | ||
| 39 | 39 | ||
| 40 | .view_file .view_file_header, | 40 | .view_file .view_file_header, |
| 41 | .diff_file .diff_file_header { | 41 | .diff_file .diff_file_header { |
| 42 | - background:#f5f5f5; | 42 | + border-bottom: 1px solid #bbb; |
| 43 | + background:#eee; | ||
| 44 | + background-image: -webkit-gradient(linear, 0 0, 0 30, color-stop(0.066, #eee), to(#dfdfdf)); | ||
| 45 | + background-image: -webkit-linear-gradient(#eee 6.6%, #dfdfdf); | ||
| 46 | + background-image: -moz-linear-gradient(#eee 6.6%, #dfdfdf); | ||
| 47 | + background-image: -o-linear-gradient(#eee 6.6%, #dfdfdf); | ||
| 43 | margin: 0; | 48 | margin: 0; |
| 44 | font-weight: normal; | 49 | font-weight: normal; |
| 45 | font-weight: bold; | 50 | font-weight: bold; |
| 46 | text-align: left; | 51 | text-align: left; |
| 47 | color: #666; | 52 | color: #666; |
| 48 | - border-bottom: 1px solid #ccc; | ||
| 49 | - padding: 7px 10px; | 53 | + padding: 9px 10px; |
| 54 | + height:18px; | ||
| 50 | 55 | ||
| 51 | .mode_text, | 56 | .mode_text, |
| 52 | .file_icon { | 57 | .file_icon { |
| 53 | - color:#aaa; | 58 | + color:#777; |
| 59 | + } | ||
| 60 | + | ||
| 61 | + .file_name { | ||
| 62 | + color:#474D57; | ||
| 63 | + text-shadow: 0 1px 1px #fff; | ||
| 54 | } | 64 | } |
| 55 | } | 65 | } |
| 56 | 66 | ||
| @@ -128,7 +138,7 @@ | @@ -128,7 +138,7 @@ | ||
| 128 | border:none; | 138 | border:none; |
| 129 | 139 | ||
| 130 | a { | 140 | a { |
| 131 | - color:#666; | 141 | + color:#474D57; |
| 132 | font-weight:bold; | 142 | font-weight:bold; |
| 133 | font-size:14px; | 143 | font-size:14px; |
| 134 | } | 144 | } |
| @@ -137,14 +147,27 @@ | @@ -137,14 +147,27 @@ | ||
| 137 | #tree-slider { | 147 | #tree-slider { |
| 138 | @include shade; | 148 | @include shade; |
| 139 | 149 | ||
| 150 | + border-color:#ccc; | ||
| 151 | + | ||
| 140 | td { | 152 | td { |
| 141 | padding:7px; | 153 | padding:7px; |
| 142 | border-color:#f1f1f1; | 154 | border-color:#f1f1f1; |
| 155 | + background:#fafafa; | ||
| 156 | + } | ||
| 157 | + | ||
| 158 | + tr:first-child td:first-child, | ||
| 159 | + tr:first-child td:last-child { | ||
| 160 | + border-radius:0; | ||
| 143 | } | 161 | } |
| 144 | 162 | ||
| 145 | th { | 163 | th { |
| 146 | - background:#f5f5f5; | ||
| 147 | - border-color:#f1f1f1; | 164 | + border-color: #CCC; |
| 165 | + border-bottom: 1px solid #bbb; | ||
| 166 | + background:#eee; | ||
| 167 | + background-image: -webkit-gradient(linear, 0 0, 0 30, color-stop(0.066, #eee), to(#dfdfdf)); | ||
| 168 | + background-image: -webkit-linear-gradient(#eee 6.6%, #dfdfdf); | ||
| 169 | + background-image: -moz-linear-gradient(#eee 6.6%, #dfdfdf); | ||
| 170 | + background-image: -o-linear-gradient(#eee 6.6%, #dfdfdf); | ||
| 148 | } | 171 | } |
| 149 | } | 172 | } |
| 150 | 173 |