fix(list): add box shadow and update active color (#1070)

jschuler · jeff-phillips-18 · commit 586fdec3a932 · 2018-06-04T06:45:36.000-04:00
diff --git a/backstop_data/bitmaps_reference/backstop_default_list_0_list-pf_0_large-device.png b/backstop_data/bitmaps_reference/backstop_default_list_0_list-pf_0_large-device.png
diff --git a/src/less/list-pf.less b/src/less/list-pf.less
@@ -21,6 +21,7 @@
     border-color: @list-pf-active-border-color;
     border-bottom-width: 1px;
     border-bottom-style: solid;
+    box-shadow: 0 2px 6px rgba(3, 3, 3, .2);
   }
 }
 
diff --git a/src/less/variables.less b/src/less/variables.less
@@ -88,7 +88,7 @@
 @input-border-focus:                                                @color-pf-blue-400;
 @list-pf-border-color:                                              @color-pf-black-200;
 @list-pf-active-border-color:                                       @color-pf-black-400;
-@list-pf-header-background-color:                                   @color-pf-black-200;
+@list-pf-header-background-color:                                   @color-pf-blue-25;
 @list-pf-hover-background-color:                                    @color-pf-blue-25;
 @list-pf-main-content-width:                                        70%; // sets the proportional width of the main content vs the additional content
 @list-pf-padding:                                                   20px;
diff --git a/src/sass/converted/patternfly/_list-pf.scss b/src/sass/converted/patternfly/_list-pf.scss
@@ -21,6 +21,7 @@
     border-color: $list-pf-active-border-color;
     border-bottom-width: 1px;
     border-bottom-style: solid;
+    box-shadow: 0 2px 6px rgba(3, 3, 3, .2);
   }
 }
 
diff --git a/src/sass/converted/patternfly/_variables.scss b/src/sass/converted/patternfly/_variables.scss
@@ -88,7 +88,7 @@ $input-border-hover:                                                $color-pf-bl
 $input-border-focus:                                                $color-pf-blue-400 !default;
 $list-pf-border-color:                                              $color-pf-black-200 !default;
 $list-pf-active-border-color:                                       $color-pf-black-400 !default;
-$list-pf-header-background-color:                                   $color-pf-black-200 !default;
+$list-pf-header-background-color:                                   $color-pf-blue-25 !default;
 $list-pf-hover-background-color:                                    $color-pf-blue-25 !default;
 $list-pf-main-content-width:                                        70% !default; // sets the proportional width of the main content vs the additional content
 $list-pf-padding:                                                   20px !default;
diff --git a/src/sass/converted/rcue/_list-pf.scss b/src/sass/converted/rcue/_list-pf.scss
@@ -21,6 +21,7 @@
     border-color: $list-pf-active-border-color;
     border-bottom-width: 1px;
     border-bottom-style: solid;
+    box-shadow: 0 2px 6px rgba(3, 3, 3, .2);
   }
 }
 
diff --git a/src/sass/converted/rcue/_variables.scss b/src/sass/converted/rcue/_variables.scss
@@ -88,7 +88,7 @@ $input-border-hover:                                                $color-pf-bl
 $input-border-focus:                                                $color-pf-blue-400 !default;
 $list-pf-border-color:                                              $color-pf-black-200 !default;
 $list-pf-active-border-color:                                       $color-pf-black-400 !default;
-$list-pf-header-background-color:                                   $color-pf-black-200 !default;
+$list-pf-header-background-color:                                   $color-pf-blue-25 !default;
 $list-pf-hover-background-color:                                    $color-pf-blue-25 !default;
 $list-pf-main-content-width:                                        70% !default; // sets the proportional width of the main content vs the additional content
 $list-pf-padding:                                                   20px !default;

Original file line number	Diff line number	Diff line change
`@@ -21,6 +21,7 @@`
`21`	`21`	`border-color: @list-pf-active-border-color;`
`22`	`22`	`border-bottom-width: 1px;`
`23`	`23`	`border-bottom-style: solid;`
	`24`	`+ box-shadow: 0 2px 6px rgba(3, 3, 3, .2);`
`24`	`25`	`}`
`25`	`26`	`}`
`26`	`27`