Merge pull request #910 from getredash/feature/better_fullscreen

Better full screen support

rd_ui/app/scripts/controllers/dashboard.js

@@ -116,6 +116,7 @@
 
     $scope.toggleFullscreen = function() {
       $scope.isFullscreen = !$scope.isFullscreen;
+      $('body').toggleClass('headless');
     };
 
     $scope.triggerRefresh = function() {

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;
+}

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"

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}}