Client: Tasks and Header v2 (#9168)

* wip: footer

* pin bootstrap-vue

* compact footer and fixes

* compact header

* fix member details in other views

* fix first party member in header

* fix unread notifications badge color

* sync + menu fixes

* loading bar styles

* new filter button

* create button

* create fixes

* quick add

* fix quick add inputs

* tooltips for create buttons

* fix create task moda

* fix class badge

* fixed footer links

* revert change that caused problems with tests and old browsers

* misc

website/client/components/notificationMenu.vue

@@ -58,12 +58,12 @@ div.item-with-icon.item-notifications.dropdown
   @import '~client/assets/scss/colors.scss';
 
   .message-count {
-    background-color: #46a7d9;
+    background-color: $blue-50;
     border-radius: 50%;
     height: 20px;
     width: 20px;
     float: right;
-    color: #fff;
+    color: $white;
     text-align: center;
     font-weight: bold;
     font-size: 12px;
@@ -74,6 +74,7 @@ div.item-with-icon.item-notifications.dropdown
     right: -.5em;
     top: .5em;
     padding: .2em;
+    background-color: $red-50;
   }
 
   .clear-button {
@@ -89,6 +90,7 @@ div.item-with-icon.item-notifications.dropdown
   }
 
   .notifications {
+    color: $header-color;
     vertical-align: bottom;
     display: inline-block;
     width: 20px;
@@ -98,6 +100,12 @@ div.item-with-icon.item-notifications.dropdown
     margin-top: .2em;
   }
 
+  .item-with-icon:hover {
+    .svg-icon {
+      color: $white;
+    }
+  }
+
   .user-dropdown {
     max-height: 350px;
     overflow: scroll;