Added toast config and messages when saving from vault. Persist scroll position when returning to vault from other pages.

src/popup/less/animations.less

@@ -1,4 +1,6 @@
-.in-slide-up {
+@import (reference) "variables.less";
+
+.in-slide-up {
     .main-view.ng-enter,
     .main-view.ng-leave {
         -webkit-transition: all 0.4s ease;

src/popup/less/components.less

@@ -1,6 +1,4 @@
-@import (reference) "../../../node_modules/bootstrap/less/mixins.less";
-@import (reference) "../../../node_modules/bootstrap/less/variables.less";
-@import (reference) "variables.less";
+@import (reference) "variables.less";
 
 .header {
     min-height: 44px;

src/popup/less/plugins.less

@@ -0,0 +1,60 @@
+@import (reference) "variables.less";
+
+/* Toastr */
+
+#toast-container {
+    &.toast-bottom-center .toast {
+        width: 100%;
+        margin-bottom: 0;
+        margin-top: 6px;
+    }
+
+    .toast {
+        background-image: none !important;
+        border-radius: 0;
+        .box-shadow(0 0 8px rgba(0, 0, 0, 0.5));
+
+        &.toast-danger, &.toast-error {
+            background-image: none !important;
+            background-color: @brand-danger;
+            &:before {
+                content: "\f0e7";
+            }
+        }
+
+        &.toast-warning {
+            background-image: none !important;
+            background-color: @brand-warning;
+            &:before {
+                content: "\f071";
+            }
+        }
+
+        &.toast-info {
+            background-image: none !important;
+            background-color: @brand-info;
+            &:before {
+                content: "\f005";
+            }
+        }
+
+        &.toast-success {
+            background-image: none !important;
+            background-color: @brand-success;
+            &:before {
+                content: "\f00C";
+            }
+        }
+
+        &:before {
+            position: fixed;
+            font-family: FontAwesome;
+            font-size: 24px;
+            line-height: 24px;
+            float: left;
+            color: #ffffff;
+            padding-right: 0.5em;
+            margin: auto 0.5em auto -1.5em;
+        }
+    }
+}

src/popup/less/popup.less

@@ -2,6 +2,7 @@
 @import "variables.less";
 @import "components.less";
 @import "animations.less";
+@import "plugins.less";
 
 body {
     width: 320px;

src/popup/less/variables.less

@@ -1,10 +1,16 @@
-@import (reference) "../../../node_modules/bootstrap/less/mixins.less";
+@import (reference) "../../../node_modules/bootstrap/less/bootstrap.less";
+@import (reference) "../../../node_modules/bootstrap/less/mixins.less";
 @import (reference) "../../../node_modules/bootstrap/less/variables.less";
 
 @font-family-sans-serif: "Open Sans", sans-serif;
 @text-color: #000000;
-@brand-primary: #3c8dbc;
 @background-color: #efeff4;
 @border-color: #f0f0f0;
 @border-color-dark: #ddd;
 @list-item-hover: #fbfbfb;
+
+@brand-primary: #3c8dbc;
+@brand-danger: #dd4b39;
+@brand-success: #00a65a;
+@brand-info: #00c0ef;
+@brand-warning: #f39c12;