Fixing documentation css

Author: erundle

Gruntfile.js

@@ -125,7 +125,7 @@ module.exports = function (grunt) {
           html5Mode: false,
           template: 'grunt-ngdocs-index.tmpl',
           styles: ['lib/patternfly/dist/css/patternfly.css', 'lib/patternfly/dist/css/patternfly-additions.css',
-            'dist/styles/angular-patternfly.css', 'misc/demo.css', 'misc/pf-docs.css']
+            'dist/styles/angular-patternfly.css', 'misc/ng-docs.css', 'misc/examples.css']
         },
 
         all: ['src/**/*.js']

misc/demo.css misc/examples.cssmisc/demo.css renamed to misc/examples.css

@@ -1,58 +1,3 @@
-/* Docs overrides */
-.navbar img {
-  height: 35px;
-  width: 57px;
-  margin-top: 8px;
-  margin-right: 0px;
-}
-
-.navbar-inverse .navbar-brand {
-  color: #fff;
-  padding: 15px 20px 15px 0;
-  text-transform: uppercase;
-}
-
-.breadcrumb li > * {
-  float: none;
-  margin: 0;
-}
-
-.form-search .module .guide {
-  padding-top: 6px;
-}
-
-.form-search > ul.nav > li.section {
-  min-height: 23px;
-}
-
-.docs-search {
-  margin: 10px 0;
-  padding: 4px 0 4px 20px;
-  background: #fff;
-  border: 1px solid #bbb;
-  vertical-align: middle;
-}
-
-.docs-search > .search-query {
-  font-size: 14px;
-  border: 0;
-  width: 80%;
-  color: #555;
-}
-
-.docs-search > .search-icon {
-  font-size: 15px;
-  margin-right: 10px;
-}
-
-.docs-search > .search-query:focus {
-  outline:0;
-}
-
-.type-hint-function {
-  background-color: #003399;
-}
-
 /* Demo CSS */
 .pf-transclude-example div {
   border: 1px solid #337ab7;

misc/pf-docs.css misc/ng-docs.cssmisc/pf-docs.css renamed to misc/ng-docs.css

@@ -5,8 +5,8 @@ img.AngularJS-small {
 
 /* this is here to avoid the display=block shuffling of ngShow */
 .breadcrumb li > * {
-  float:left;
-  margin:0 2px 0 0;
+  float: none;
+  margin: 0;
 }
 
 .breadcrumb {
@@ -16,14 +16,23 @@ img.AngularJS-small {
 }
 
 .navbar img {
-  max-height: 40px;
   padding-right: 20px;
+  height: 35px;
+  width: 57px;
+  margin-top: 8px;
+  margin-right: 0px;
 }
 
 .navbar img+.brand {
   padding: 10px 20px 10px 10px;
 }
 
+.navbar-inverse .navbar-brand {
+  color: #fff;
+  padding: 15px 20px 15px 0;
+  text-transform: uppercase;
+}
+
 .clear-navbar {
   margin-top: 60px;
 }
@@ -78,7 +87,7 @@ img.AngularJS-small {
 
 .form-search > ul.nav > li.section {
   background-color: #ebebeb;
-  min-height: 14px;
+  min-height: 23px;
 }
 
 .form-search > ul.nav > li.first {
@@ -130,6 +139,32 @@ img.AngularJS-small {
 
 .form-search .module .guide {
   line-height: 20px;
+  padding-top: 6px;
+}
+
+
+.docs-search {
+  margin: 10px 0;
+  padding: 4px 0 4px 20px;
+  background: #fff;
+  border: 1px solid #bbb;
+  vertical-align: middle;
+}
+
+.docs-search > .search-query {
+  font-size: 14px;
+  border: 0;
+  width: 80%;
+  color: #555;
+}
+
+.docs-search > .search-icon {
+  font-size: 15px;
+  margin-right: 10px;
+}
+
+.docs-search > .search-query:focus {
+  outline:0;
 }
 
 .match > a, .nav > .match > a:hover {
@@ -294,3 +329,7 @@ ul.events > li > h3 {
 .type-hint-number {
   background:rgb(189, 63, 66);
 }
+
+.type-hint-function {
+  background-color: #003399;
+}