UI changes: removed box shadow for ui-box and file-holder

Dmitriy Zaporozhets
1 parent e6affad9
Showing 7 changed files with 11 additions and 21 deletions Show diff stats
app/assets/stylesheets/gitlab_bootstrap/blocks.scss
app/assets/stylesheets/gitlab_bootstrap/files.scss
app/assets/stylesheets/gitlab_bootstrap/lists.scss
app/assets/stylesheets/gitlab_bootstrap/tables.scss
app/assets/stylesheets/sections/issues.scss
app/assets/stylesheets/sections/nav.scss
app/assets/stylesheets/themes/ui_mars.scss
@@ -10,11 +10,10 @@
  *
  */
 .ui-box {
-  background: #F9F9F9;
+  background: #FFF;
   margin-bottom: 20px;
   border: 1px solid #CCC;
   word-wrap: break-word;
-  @include solid-shade;
  
   &.ui-box-show {
     margin:20px 0;
@@ -3,18 +3,18 @@
  *
  */
 .file-holder {
-  border: 1px solid #BBB;
+  border: 1px solid #CCC;
   margin-bottom: 1em;
-  @include solid-shade;
  
   .file-title {
     border-bottom: 1px solid #bbb;
     @include bg-dark-gray-gradient;
+    text-shadow: 0 1px 1px #fff;
     margin: 0;
     font-weight: normal;
     font-weight: bold;
     text-align: left;
-    color: #666;
+    color: $style_color;
     padding: 9px 10px;
     height: 18px;
  
@@ -6,7 +6,6 @@
   margin: 0;
   list-style: none;
   li {
-    background-color: #FFF;
     padding: 10px;
     min-height: 20px;
     border-bottom: 1px solid #eee;
 table {
   @extend .table;
   @extend .table-striped;
-  @include solid-shade;
-  border: 1px solid #bbb;
+  border: 1px solid #CCC;
   width: 100%;
  
   &.low {
@@ -20,7 +19,7 @@ table {
   th {
     font-weight: bold;
     vertical-align: middle;
-    border-bottom: 1px solid #bbb;
+    border-bottom: 1px solid #CCC;
     text-shadow: 0 1px 1px #fff;
     @include bg-dark-gray-gradient;
  
@@ -46,11 +45,11 @@ table {
     }
  
     &:first-child {
-      border-left: 1px solid #bbb;
+      border-left: 1px solid #CCC;
     }
  
     &:last-child {
-      border-right: 1px solid #bbb;
+      border-right: 1px solid #CCC;
     }
   }
  
@@ -88,14 +88,11 @@ input.check_all_issues {
     }
  
     .update_selected_issues {
-      position: relative;
-      top:5px;
       margin-left: 4px;
-      float: left;
     }
  
     .update_issues_text {
-      padding: 3px;
+      padding: 5px;
       line-height: 28px;
       float: left;
       color: #479;
@@ -7,7 +7,7 @@
  
   ul {
     margin: auto;
-    height: 42px;
+    height: 40px;
     overflow: hidden;
     .count {
       font-weight: normal;
@@ -74,7 +74,7 @@
       text-align: center;
       font-weight: normal;
       height: 38px;
-      line-height: 36px;
+      line-height: 34px;
       color: #777;
       text-shadow: 0 1px 1px white;
       padding: 0 10px;
@@ -31,8 +31,4 @@
       border-left: 1px solid #666;
     }
   }
-
-  .main-nav {
-    box-shadow: 0 -1px 0 white inset;
-  }
 }
...	...	@@ -10,11 +10,10 @@
10	10	*
11	11	*/
12	12	.ui-box {
13		- background: #F9F9F9;
	13	+ background: #FFF;
14	14	margin-bottom: 20px;
15	15	border: 1px solid #CCC;
16	16	word-wrap: break-word;
17		- @include solid-shade;
18	17
19	18	&.ui-box-show {
20	19	margin:20px 0;
...	...
...	...	@@ -3,18 +3,18 @@
3	3	*
4	4	*/
5	5	.file-holder {
6		- border: 1px solid #BBB;
	6	+ border: 1px solid #CCC;
7	7	margin-bottom: 1em;
8		- @include solid-shade;
9	8
10	9	.file-title {
11	10	border-bottom: 1px solid #bbb;
12	11	@include bg-dark-gray-gradient;
	12	+ text-shadow: 0 1px 1px #fff;
13	13	margin: 0;
14	14	font-weight: normal;
15	15	font-weight: bold;
16	16	text-align: left;
17		- color: #666;
	17	+ color: $style_color;
18	18	padding: 9px 10px;
19	19	height: 18px;
20	20
...	...
...	...	@@ -6,7 +6,6 @@
6	6	margin: 0;
7	7	list-style: none;
8	8	li {
9		- background-color: #FFF;
10	9	padding: 10px;
11	10	min-height: 20px;
12	11	border-bottom: 1px solid #eee;
...	...
1	1	table {
2	2	@extend .table;
3	3	@extend .table-striped;
4		- @include solid-shade;
5		- border: 1px solid #bbb;
	4	+ border: 1px solid #CCC;
6	5	width: 100%;
7	6
8	7	&.low {
...	...	@@ -20,7 +19,7 @@ table {
20	19	th {
21	20	font-weight: bold;
22	21	vertical-align: middle;
23		- border-bottom: 1px solid #bbb;
	22	+ border-bottom: 1px solid #CCC;
24	23	text-shadow: 0 1px 1px #fff;
25	24	@include bg-dark-gray-gradient;
26	25
...	...	@@ -46,11 +45,11 @@ table {
46	45	}
47	46
48	47	&:first-child {
49		- border-left: 1px solid #bbb;
	48	+ border-left: 1px solid #CCC;
50	49	}
51	50
52	51	&:last-child {
53		- border-right: 1px solid #bbb;
	52	+ border-right: 1px solid #CCC;
54	53	}
55	54	}
56	55
...	...
...	...	@@ -88,14 +88,11 @@ input.check_all_issues {
88	88	}
89	89
90	90	.update_selected_issues {
91		- position: relative;
92		- top:5px;
93	91	margin-left: 4px;
94		- float: left;
95	92	}
96	93
97	94	.update_issues_text {
98		- padding: 3px;
	95	+ padding: 5px;
99	96	line-height: 28px;
100	97	float: left;
101	98	color: #479;
...	...
...	...	@@ -7,7 +7,7 @@
7	7
8	8	ul {
9	9	margin: auto;
10		- height: 42px;
	10	+ height: 40px;
11	11	overflow: hidden;
12	12	.count {
13	13	font-weight: normal;
...	...	@@ -74,7 +74,7 @@
74	74	text-align: center;
75	75	font-weight: normal;
76	76	height: 38px;
77		- line-height: 36px;
	77	+ line-height: 34px;
78	78	color: #777;
79	79	text-shadow: 0 1px 1px white;
80	80	padding: 0 10px;
...	...
...	...	@@ -31,8 +31,4 @@
31	31	border-left: 1px solid #666;
32	32	}
33	33	}
34		-
35		- .main-nav {
36		- box-shadow: 0 -1px 0 white inset;
37		- }
38	34	}
...	...