Merge branch 'style-changed-files' into 'master'

Improve UI for list of changed files * fix paddings * re-use system colors ## Before ![Screenshot_2015-10-01_12.46.24](https://gitlab.com/gitlab-org/gitlab-ce/uploads/3a02fe2beb47637c664eb914dbec352c/Screenshot_2015-10-01_12.46.24.png) ## After ![Screenshot_2015-10-01_12.54.39](https://gitlab.com/gitlab-org/gitlab-ce/uploads/39b1bf78983b862b559fcc89c52d5690/Screenshot_2015-10-01_12.54.39.png) cc @skyruler Signed-off-by: Dmitriy Zaporozhets <dmitriy.zaporozhets@gmail.com> See merge request !1484

Merge branch 'style-changed-files' into 'master'
73520b43 · Dmitriy Zaporozhets · d330046f · 3871498b · 73520b43 · 73520b43
Commit 73520b43 authored Oct 01, 2015 by Dmitriy Zaporozhets
Showing with 21 additions and 15 deletions

variables.scss app/assets/stylesheets/base/variables.scss +4 -1

common.scss app/assets/stylesheets/generic/common.scss +2 -2

commit.scss app/assets/stylesheets/pages/commit.scss +15 -12

No files found.
--- a/app/assets/stylesheets/base/variables.scss
+++ b/app/assets/stylesheets/base/variables.scss
 $hover: #FFFAF1;
-$gl-text-color: #54565b;
+$gl-text-color: #54565B;
+$gl-text-green: #4A2;
+$gl-text-red: #D12F19;
+$gl-text-orange: #D90;
 $gl-header-color: #4c4e54;
 $gl-link-color: #333c48;
 $md-text-color: #444;

--- a/app/assets/stylesheets/generic/common.scss
+++ b/app/assets/stylesheets/generic/common.scss
 /** COLORS **/
 .cgray { color: $gl-gray; }
 .clgray { color: #BBB }
-.cred { color: #D12F19 }
-.cgreen { color: #4a2 }
+.cred { color: $gl-text-red; }
+.cgreen { color: $gl-text-green; }
 .cdark { color: #444 }

 /** COMMON CLASSES **/

--- a/app/assets/stylesheets/pages/commit.scss
+++ b/app/assets/stylesheets/pages/commit.scss
@@ -49,30 +49,33 @@
 }

 .file-stats {
+  ul {
+    list-style: none;
+    margin: 0;
+    padding: 10px 0;
+
+    li {
+      padding: 3px 0px;
+    }
+  }
  .new-file {
    a {
-      color: #090;
-    }
-    i {
-      color: #1BCF00;
+      color: $gl-text-green;
    }
  }
  .renamed-file {
-    i {
-      color: #FE9300;
+    a {
+      color: $gl-text-orange;
    }
  }
  .deleted-file {
    a {
-      color: #B00;
-    }
-    i {
-      color: #EE0000;
+      color: $gl-text-red;
    }
  }
  .edit-file{
-    i{
-      color: #555;
+    a {
+      color: $gl-text-color;
    }
  }
 }