diff --git a/ui/src/app/components/dashboard.tpl.html b/ui/src/app/components/dashboard.tpl.html
index 08af38f..44f136c 100644
--- a/ui/src/app/components/dashboard.tpl.html
+++ b/ui/src/app/components/dashboard.tpl.html
@@ -28,6 +28,7 @@
<li gridster-item="vm.currentWidgetItemMap" ng-repeat="widget in vm.widgets">
<md-menu md-position-mode="target target" tb-mousepoint-menu>
<div tb-expand-fullscreen
+ fullscreen-background-style="vm.dashboardStyle"
expand-button-id="expand-button"
on-fullscreen-changed="vm.onWidgetFullscreenChanged(expanded, widget)"
layout="column"
diff --git a/ui/src/app/components/expand-fullscreen.directive.js b/ui/src/app/components/expand-fullscreen.directive.js
index 6018c8e..16bd713 100644
--- a/ui/src/app/components/expand-fullscreen.directive.js
+++ b/ui/src/app/components/expand-fullscreen.directive.js
@@ -50,6 +50,7 @@ function ExpandFullscreen($compile, $document) {
scope.elementParent = null;
scope.expanded = false;
scope.fullscreenZindex = scope.fullscreenZindex();
+
if (!scope.fullscreenZindex) {
scope.fullscreenZindex = '70';
}
@@ -59,6 +60,10 @@ function ExpandFullscreen($compile, $document) {
if (scope.expanded) {
scope.elementParent = element.parent();
element.detach();
+ if (scope.backgroundStyle) {
+ scope.fullscreenParent.attr("ng-style","backgroundStyle");
+ $compile(scope.fullscreenParent)(scope);
+ }
scope.fullscreenParent.append(element);
scope.fullscreenParent.css('display', '');
scope.fullscreenParent.css('z-index', scope.fullscreenZindex);
@@ -132,7 +137,8 @@ function ExpandFullscreen($compile, $document) {
expand: "&tbExpandFullscreen",
hideExpandButton: "&hideExpandButton",
onFullscreenChanged: "&onFullscreenChanged",
- fullscreenZindex: "&fullscreenZindex"
+ fullscreenZindex: "&fullscreenZindex",
+ backgroundStyle: "=?fullscreenBackgroundStyle"
}
};
}