DOC - Fixing the width of tables and web pages

Fixing the current width of the webpages to expand screens better.

Issue-ID: DOC-310

Change-Id: Ib609fc548a22d189513a470adea7dea37559014b
Signed-off-by: Bozawglanian, Hagop (hb755d) <hb755d@att.com>

diff --git a/docs/_static/css/ribbon.css b/docs/_static/css/ribbon.css
index b378f43..6008cb1 100644 (file)
--- a/docs/_static/css/ribbon.css
+++ b/docs/_static/css/ribbon.css
@@ -34,3 +34,30 @@
   background: #c11;
   color: #fff;
 }
+
+
+/* override table width restrictions */
+@media screen and (min-width: 767px) {
+
+   .wy-table-responsive table td, .wy-table-responsive table th {
+      /* !important prevents the common CSS stylesheets from overriding
+         this as on RTD they are loaded after this stylesheet */
+      white-space: normal !important;
+   }
+
+   .wy-table-responsive {
+      overflow: visible !important;
+   }
+}
+
+@media screen and (max-width: 767px) {
+    .wy-table-responsive table td {
+        white-space: nowrap;
+    }
+}
+
+/* fix width of the screen */
+
+.wy-nav-content {
+    max-width: none;
+}

diff --git a/docs/_templates/layout.html b/docs/_templates/layout.html
index ba05e82..5784529 100644 (file)
--- a/docs/_templates/layout.html
+++ b/docs/_templates/layout.html
@@ -2,7 +2,7 @@
 {% extends "!layout.html" %}
 
 {# Custom CSS override for warning banner #}
-{% set css_files = css_files + ['_static/css/warning-header.css'] %}
+{% set css_files = css_files + ['_static/css/ribbon.css'] %}
 
 {# Ribbon #}
 {% block content %}