Added shadows to the Bar, Menus, OSD and Notifications. (#777)

* Added shadows to the Bar, Menus and notifications.

* Add OSD shadows

src/scss/style/bar/bar.scss

@@ -16,6 +16,9 @@
         background: if($bar-transparent, transparent, transparentize($bar-background, $transparency-value));
         border-radius: if($bar-floating, $bar-border_radius, 0em);
 
+        margin: $bar-shadowMargins;
+        box-shadow: $bar-shadow;
+
         &.withBorder {
             border-top: if(
                 $bar-border_location == 'top' or $bar-border_location == 'horizontal' or $bar-border_location == 'full',

src/scss/style/menus/calendar.scss

@@ -10,7 +10,6 @@
     border: $bar-menus-border-size solid
         if($bar-menus-monochrome, $bar-menus-border-color, $bar-menus-menu-clock-border-color);
     border-radius: $bar-menus-border-radius;
-    margin-right: 0.5em;
     opacity: $bar-menus-opacity * 0.01;
 }
 

src/scss/style/menus/dashboard.scss

@@ -3,7 +3,6 @@
 }
 
 .dashboard-content-items {
-    margin-left: 0.5em;
     min-width: 28.5em;
     background: if($bar-menus-monochrome, $bar-menus-background, $bar-menus-menu-dashboard-background-color);
     border: $bar-menus-border-size solid

src/scss/style/menus/menu.scss

@@ -226,6 +226,12 @@
     min-height: 10em;
 }
 
+.dropdown-content {
+    border-radius: $bar-menus-border-radius;
+    margin: $bar-menus-shadowMargins;
+    box-shadow: $bar-menus-shadow;
+}
+
 .menu-label {
     margin: 0.5em 1em;
     color: $sky;

src/scss/style/menus/notifications.scss

@@ -10,7 +10,6 @@
     border: $bar-menus-border-size solid
         if($bar-menus-monochrome, $bar-menus-border-color, $bar-menus-menu-notifications-border);
     border-radius: $bar-menus-border-radius;
-    margin-right: 0.45em;
     opacity: $bar-menus-opacity * 0.01;
 
     .window-content.notificationsmenu-window {

src/scss/style/notifications/popups.scss

@@ -7,6 +7,8 @@
     min-height: 4em;
     border-radius: $notification-border_radius;
     opacity: $notification-opacity * 0.01;
+    margin: $notification-shadowMargins;
+    box-shadow: $notification-shadow;
 }
 
 .notification-card-container {

src/scss/style/osd/index.scss

@@ -6,6 +6,8 @@
     .osd-container {
         margin: $osd-margins;
         opacity: $osd-opacity * 0.01;
+        box-shadow: $osd-shadow;
+        border-radius: $osd-radius;
     }
 
     .osd-label-container {