Commit c946defb3d9ff2ad87a410f2e25999465c4b9065
1 parent
9fbe3ac7
Exists in
master
and in
4 other branches
Restyle ui-box to be more flat
Signed-off-by: Dmitriy Zaporozhets <dmitriy.zaporozhets@gmail.com>
Showing
3 changed files
with
9 additions
and
10 deletions
Show diff stats
app/assets/stylesheets/gitlab_bootstrap/blocks.scss
@@ -34,9 +34,8 @@ | @@ -34,9 +34,8 @@ | ||
34 | &.ui-box-show { | 34 | &.ui-box-show { |
35 | color: #666; | 35 | color: #666; |
36 | margin:20px 0; | 36 | margin:20px 0; |
37 | - background: #FFF; | 37 | + background: #FAFAFA; |
38 | box-shadow: inset 0 1px 0 #fff, 0 1px 5px #f1f1f1; | 38 | box-shadow: inset 0 1px 0 #fff, 0 1px 5px #f1f1f1; |
39 | - @include linear-gradient(#fafafa, #f1f1f1); | ||
40 | 39 | ||
41 | .control-group { | 40 | .control-group { |
42 | margin-bottom: 0; | 41 | margin-bottom: 0; |
@@ -100,9 +99,9 @@ | @@ -100,9 +99,9 @@ | ||
100 | } | 99 | } |
101 | 100 | ||
102 | .title { | 101 | .title { |
103 | - @include bg-gray-gradient; | ||
104 | - border-bottom: 1px solid #CCC; | ||
105 | - color: #456; | 102 | + background-color: #EEE; |
103 | + border-bottom: 1px solid #DDD; | ||
104 | + color: #666; | ||
106 | font-size: 16px; | 105 | font-size: 16px; |
107 | text-shadow: 0 1px 1px #fff; | 106 | text-shadow: 0 1px 1px #fff; |
108 | padding: 0 10px; | 107 | padding: 0 10px; |
app/assets/stylesheets/gitlab_bootstrap/buttons.scss
@@ -10,21 +10,21 @@ | @@ -10,21 +10,21 @@ | ||
10 | white-space: nowrap; | 10 | white-space: nowrap; |
11 | padding: 6px 12px; | 11 | padding: 6px 12px; |
12 | font-size: 13px; | 12 | font-size: 13px; |
13 | - line-height: 1.5; | 13 | + line-height: 18px; |
14 | border-radius: 4px; | 14 | border-radius: 4px; |
15 | -webkit-user-select: none; | 15 | -webkit-user-select: none; |
16 | -moz-user-select: none; | 16 | -moz-user-select: none; |
17 | -ms-user-select: none; | 17 | -ms-user-select: none; |
18 | -o-user-select: none; | 18 | -o-user-select: none; |
19 | user-select: none; | 19 | user-select: none; |
20 | - color: #333333; | 20 | + color: #444444; |
21 | background-color: #fff; | 21 | background-color: #fff; |
22 | border-color: #ccc; | 22 | border-color: #ccc; |
23 | text-shadow: none; | 23 | text-shadow: none; |
24 | 24 | ||
25 | &.hover, | 25 | &.hover, |
26 | &:hover { | 26 | &:hover { |
27 | - color: #333333; | 27 | + color: #444444; |
28 | text-decoration: none; | 28 | text-decoration: none; |
29 | background-color: #ebebeb; | 29 | background-color: #ebebeb; |
30 | border-color: #adadad; | 30 | border-color: #adadad; |
@@ -32,7 +32,7 @@ | @@ -32,7 +32,7 @@ | ||
32 | 32 | ||
33 | &.focus, | 33 | &.focus, |
34 | &:focus { | 34 | &:focus { |
35 | - color: #333333; | 35 | + color: #444444; |
36 | text-decoration: none; | 36 | text-decoration: none; |
37 | outline: thin dotted #333; | 37 | outline: thin dotted #333; |
38 | outline: 5px auto -webkit-focus-ring-color; | 38 | outline: 5px auto -webkit-focus-ring-color; |
app/assets/stylesheets/sections/dashboard.scss
@@ -51,7 +51,7 @@ | @@ -51,7 +51,7 @@ | ||
51 | li { | 51 | li { |
52 | &.active { | 52 | &.active { |
53 | a { | 53 | a { |
54 | - @include linear-gradient(#f5f5f5, #eee); | 54 | + background-color: #EEE; |
55 | border-bottom: 1px solid #EEE !important; | 55 | border-bottom: 1px solid #EEE !important; |
56 | &:hover { | 56 | &:hover { |
57 | background: #eee; | 57 | background: #eee; |