Improve documentation

Author: SamyPesse

docs/README.md

@@ -1,4 +1,4 @@
-This documentation contains everything you need to know for using Codebox or running it locally. You can contribute to this documentation with pull-requests on Github: [Codebox Repository](https://github.com/FriendCode/codebox).
+This documentation contains everything you need to know for using Codebox or running it locally. You can contribute to this documentation [with pull-requests on Github](https://github.com/FriendCode/codebox).
 
 ---------------------------------------
 

docs/server/env.md

@@ -7,12 +7,11 @@ Codebox use environment variables for defining its conffiguration, here is a lis
 | WORKSPACE_DIR | Workspace current directory | Shell current directory |
 | WORKSPACE_NAME | Name for this workspace | "Workspace" |
 | WORKSPACE_PUBLIC | If defined the workspace will be considered as public | false |
-| WORKSPACE_USERS_MAX | Max number of users | 100 |
-| WORKSPACE_HOOK_AUTH | Url for the authentification hook | |
-| WORKSPACE_HOOK_EVENTS | Url for the events hook | |
-| WORKSPACE_HOOK_SETTINGS | Url for the settings hook | |
-| WORKSPACE_HOOK_TOKEN | Token to pass as Authorization header for all web hooks | |
-| WORKSPACE_ADDONS_DIR | Path to the directory where to store installed addons | addons/installed |
-| WORKSPACE_ADDONS_DEFAULTS_DIR | Path to the directory where to store (or where are stored) defaults addons | addons/defaults |
-| WORKSPACE_ADDONS_TEMP_DIR | Path to the directory where to temporary store installed addons  | system temporary directory |
-| WORKSPACE_ADDONS_DEFAULTS | List of git url for defaults addons (separated by commas) | Terminal, Editor, Manager, Settings, Video Chat |
+| WORKSPACE\_USERS\_MAX | Max number of users | 100 |
+| WORKSPACE\_HOOK\_AUTH | Url for the authentification hook | |
+| WORKSPACE\_HOOK\_EVENTS | Url for the events hook | |
+| WORKSPACE\_HOOK\_SETTINGS | Url for the settings hook | |
+| WORKSPACE\_HOOK\_TOKEN | Token to pass as Authorization header for all web hooks | |
+| WORKSPACE\_ADDONS\_DIR | Path to the directory where to store installed addons | addons/installed |
+| WORKSPACE\_ADDONS\_DEFAULTS_DIR | Path to the directory where to store (or where are stored) defaults addons | addons/defaults |
+| WORKSPACE\_ADDONS\_TEMP_DIR | Path to the directory where to temporary store installed addons  | system temporary directory |

src/addons/cb.help/addon-built.js

@@ -1,7 +1,24 @@
 .addon-help-dialog {
     .modal-dialog {
         @media screen and (min-width: 768px) {
-            width: 760px;
+            width: auto;
+            padding: 10px;
         }
+        @media screen and (min-width: 968px) {
+            width: 960px;
+        }
+    }
+    .modal-body {
+        padding: 0px;
+    }
+    .modal-footer {
+        margin: 0px;
+    }
+
+    .navbar {
+        margin: 0px;
+    }
+    .help-page-body {
+        margin: 10px 20px;
     }
 }

src/addons/cb.help/stylesheets/dialog.less

@@ -1,9 +1,28 @@
 <div class="modal-dialog">
     <div class="modal-content">
-        <div class="modal-header">
-            <a href="#" class="action-gohome"><h4 class="modal-title">Help</h4></a>
-        </div>
         <div class="modal-body">
+            <nav class="navbar navbar-default navbar-static-top" role="navigation">
+                <!-- Brand and toggle get grouped for better mobile display -->
+                <div class="navbar-header">
+                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-8">
+                        <span class="sr-only">Toggle navigation</span>
+                        <span class="icon-bar"></span>
+                        <span class="icon-bar"></span>
+                        <span class="icon-bar"></span>
+                    </button>
+                    <span class="navbar-brand">Codebox Documentation</span>
+                </div>
+
+                <!-- Collect the nav links, forms, and other content for toggling -->
+                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-8">
+                    <ul class="nav navbar-nav">
+                        <li><a href="#" class="action-gohome" tabindex="-1">Home</a></li>
+                    </ul>
+                    <ul class="nav navbar-nav navbar-right">
+                        <li><a href="https://github.com/FriendCode/codebox/issues" target="_blank">Report an issue</a></li>
+                    </ul>
+                </div><!-- /.navbar-collapse -->
+            </nav>
             <div class="help-page-body"></div>
         </div>
         <div class="modal-footer">