From 841805496e0ec1e137a8bf303de641fc258d79d7 Mon Sep 17 00:00:00 2001
From: Arik Fraimovich <arik@arikfr.com>
Date: Thu, 10 Mar 2016 14:05:34 +0200
Subject: [PATCH] Better full screen support

---
 rd_ui/app/scripts/controllers/dashboard.js | 1 +
 rd_ui/app/styles/redash.css                | 5 +++++
 rd_ui/app/views/app_header.html            | 2 +-
 rd_ui/app/views/dashboard.html             | 2 +-
 4 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/rd_ui/app/scripts/controllers/dashboard.js b/rd_ui/app/scripts/controllers/dashboard.js
index 666fea53c..667814542 100644
--- a/rd_ui/app/scripts/controllers/dashboard.js
+++ b/rd_ui/app/scripts/controllers/dashboard.js
@@ -116,6 +116,7 @@
 
     $scope.toggleFullscreen = function() {
       $scope.isFullscreen = !$scope.isFullscreen;
+      $('body').toggleClass('headless');
     };
 
     $scope.triggerRefresh = function() {
diff --git a/rd_ui/app/styles/redash.css b/rd_ui/app/styles/redash.css
index e51213c52..9e237935a 100644
--- a/rd_ui/app/styles/redash.css
+++ b/rd_ui/app/styles/redash.css
@@ -576,3 +576,8 @@ div.table-name {
   z-index: 1000;
   opacity: 0.7;
 }
+
+.container-fluid {
+  padding-left: 5px;
+  padding-right: 5px;
+}
diff --git a/rd_ui/app/views/app_header.html b/rd_ui/app/views/app_header.html
index 2aff703e7..86a702a98 100644
--- a/rd_ui/app/views/app_header.html
+++ b/rd_ui/app/views/app_header.html
@@ -1,4 +1,4 @@
-<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
+<nav class="navbar navbar-inverse navbar-fixed-top app-header" role="navigation">
   <div class="container">
     <div class="navbar-header">
       <button type="button" class="navbar-toggle" data-toggle="collapse"
diff --git a/rd_ui/app/views/dashboard.html b/rd_ui/app/views/dashboard.html
index 5a6012940..e48ac21cf 100644
--- a/rd_ui/app/views/dashboard.html
+++ b/rd_ui/app/views/dashboard.html
@@ -1,7 +1,7 @@
 <new-widget-form dashboard="dashboard"></new-widget-form>
 <edit-dashboard-form dashboard="dashboard" id="edit_dashboard_dialog"></edit-dashboard-form>
 
-<div class="container">
+<div ng-class="isFullscreen ? 'container-fluid' : 'container'">
     <p class="alert alert-warning" ng-if="dashboard.is_archived">This dashboard is archived and won't appear in the dashboards list or search results.</p>
     <h2 id="dashboard_title">
         {{dashboard.name}}