Merge pull request #5325 from opf/fix/24973/grey-box-shadows

Fix #24973 Change full color codes for rgba values with black semi transparency

app/assets/stylesheets/content/_action_menu_main.sass

@@ -32,7 +32,7 @@
     margin: 0
     width: 200px
     border: 1px solid #dddddd
-    box-shadow: 1px 1px 4px #cccccc
+    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.15)
     padding: 3px 0
     background: #ffffff
 

app/assets/stylesheets/content/_notifications.sass

@@ -113,7 +113,7 @@ $nm-upload-box-padding: rem-calc(15) rem-calc(25)
   .notification-icon
     +notification-icon($size: $notification-icon-size, $margin: $notification-icon-margin, $align: $notification-icon-align)
   display: flex
-  box-shadow: rem-calc(1px 2px 3px) #dddddd
+  box-shadow: rem-calc(1px 2px 3px) rgba(0, 0, 0, 0.2)
   border: rem-calc(1px) solid $nm-color-border
   font-size: $nm-font-size
   word-wrap: break-word
@@ -282,7 +282,7 @@ $nm-upload-box-padding: rem-calc(15) rem-calc(25)
   font-size: $nm-font-size
   line-height: 1.6
   padding: $nm-box-padding
-  box-shadow: rem-calc(1px 2px 3px) #dddddd
+  box-shadow: rem-calc(1px 2px 3px) rgba(0, 0, 0, 0.2)
   margin-bottom: 0.1875rem
   margin-top: 0.5rem
   z-index: 15

app/assets/stylesheets/content/work_packages/timelines/_timelines.sass

@@ -12,7 +12,7 @@
   background: white
   top: calc(#{$generic-table--header-height} + 10px)
   border: 1px solid #D7D7D7
-  box-shadow: 0 5px 3px -4px #DDDDDD
+  box-shadow: 0 5px 3px -4px rgba(0, 0, 0, 0.2)
   // Should match the thead z-index
   z-index: 200
 

app/assets/stylesheets/layout/_drop_down.sass

@@ -54,7 +54,7 @@
   border: solid 1px #DDD
   border: solid 1px rgba(0, 0, 0, .2)
   border-radius: 0
-  box-shadow: 1px 1px 4px #cccccc
+  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.15)
   overflow: visible
   padding: 3px 0
   margin: 0

app/assets/stylesheets/layout/_toolbar.sass

@@ -203,7 +203,7 @@
 #querySelectDropdown
   min-width: 250px
   border: 1px solid #dddddd
-  box-shadow: 1px 1px 4px #cccccc
+  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.15)
   background: #ffffff
   padding: 3px 0
   .query-menu-container