Use statusBarSet() js function from Pillar

2016-11-01 12:30:53 +01:00
parent c9d7da3a42
commit 144c5b8894
7 changed files with 56 additions and 12 deletions
--- a/src/styles/_project.sass
+++ b/src/styles/_project.sass
@@ -21,7 +21,7 @@
 	left: 0

 #project-side-container.collapsed+#project_context-header
-	span#project-statusbar
+	span#status-bar
 		left: $project-sidebar-width


@@ -233,7 +233,7 @@
 				text-decoration: none
 				outline: none

-span#project-statusbar
+span#status-bar
 	position: absolute
 	// left: $project_nav-width + $project-sidebar-width
 	left: 0
--- a/src/styles/base.sass
+++ b/src/styles/base.sass
@@ -1091,3 +1091,24 @@ label, label.control-label
 			iframe
 				width: 853px
 				height: 480px
+
+#status-bar
+	opacity: 0
+	transition: all 250ms ease-in-out
+
+	i
+		margin-right: 5px
+
+	&.info
+		color: $color-info
+	&.error
+		color: $color-danger
+	&.warning
+		color: $color-warning
+	&.success
+		color: $color-success
+	&.default
+		color: $color-text-light
+
+	&.active
+		opacity: 1