UI changes

- strong as title, code snippet style, parse first strong of p tag
appbaseio · Sep 21, 2016 · d0cfcbc · d0cfcbc
1 parent 1a35a2f
commit d0cfcbc
Show file tree

Hide file tree

Showing 7 changed files with 60 additions and 29 deletions.
diff --git a/dist/css/main.min.css b/dist/css/main.min.css
diff --git a/dist/js/main.js b/dist/js/main.js
@@ -372,10 +372,12 @@
     $rootScope.$on('$routeChangeSuccess', function(newRoute, oldRoute) {
       jWindow.on('docbase:ready', function() {
         $anchorScroll();
-        $('.content').find('pre code').each(function() {
+        $('.content').find('pre code').each(function(i, block) {
           $(this).addClass("prettyprint");
+           // hljs.highlightBlock(block);
         });
         prettyPrint();
+        // hljs.initHighlightingOnLoad();
       });
     });
   };
@@ -954,9 +956,19 @@
 
     $('.content li').each(function() {
       var content = JSON.stringify($(this).html());
-      console.log(content.indexOf('<strong>'));
-      if(content.indexOf('<strong>') === 1) {
-        $(this).find('strong').eq(0).addClass('li-title');
+      var self = this;
+      if(content.indexOf('<p>') === 1 && content.indexOf('<strong>') === 4) {
+        setTitle();
+      }
+      else if(content.indexOf('<strong>') === 1) {
+        setTitle();
+      }
+      function setTitle() {
+        $(self).find('strong').eq(0).addClass('li-title');
+        var strongClose = '</strong>';
+        if(content.indexOf(strongClose) + strongClose.length + 1 === content.indexOf('<code>')) {
+          $(self).find('code').eq(0).addClass('code-with-title');  
+        }
       }
     });
 

diff --git a/dist/js/main.min.js b/dist/js/main.min.js
diff --git a/dist/js/main.unique.js b/dist/js/main.unique.js
diff --git a/scripts/docbase.js b/scripts/docbase.js
@@ -345,10 +345,12 @@
     $rootScope.$on('$routeChangeSuccess', function(newRoute, oldRoute) {
       jWindow.on('docbase:ready', function() {
         $anchorScroll();
-        $('.content').find('pre code').each(function() {
+        $('.content').find('pre code').each(function(i, block) {
           $(this).addClass("prettyprint");
+           // hljs.highlightBlock(block);
         });
         prettyPrint();
+        // hljs.initHighlightingOnLoad();
       });
     });
   };

diff --git a/scripts/flatdoc-theme.js b/scripts/flatdoc-theme.js
@@ -41,9 +41,19 @@
 
     $('.content li').each(function() {
       var content = JSON.stringify($(this).html());
-      console.log(content.indexOf('<strong>'));
-      if(content.indexOf('<strong>') === 1) {
-        $(this).find('strong').eq(0).addClass('li-title');
+      var self = this;
+      if(content.indexOf('<p>') === 1 && content.indexOf('<strong>') === 4) {
+        setTitle();
+      }
+      else if(content.indexOf('<strong>') === 1) {
+        setTitle();
+      }
+      function setTitle() {
+        $(self).find('strong').eq(0).addClass('li-title');
+        var strongClose = '</strong>';
+        if(content.indexOf(strongClose) + strongClose.length + 1 === content.indexOf('<code>')) {
+          $(self).find('code').eq(0).addClass('code-with-title');  
+        }
       }
     });
 

diff --git a/styles/docs.css b/styles/docs.css
@@ -327,14 +327,21 @@ body.no-literate .content pre > code {
   background: #f8f8f8;
   border: 0;
   border-radius: 0;
-  font-size: 14px;
+  font-size: 16px;
+  letter-spacing: 0;
+}
+body.no-literate .content pre > code span {
+
 }
-.content li > strong.li-title, ul li > strong.li-title {
+.content li > strong.li-title, ul li > strong.li-title, ul li > p > strong.li-title, strong.li-title  {
   height: 32px;
   line-height: 32px;
-  margin-right: 20px;
   font-weight: 600;
   font-size: 20px;
+  color: #777;
+}
+.code-with-title {
+	margin: 0 15px; 
 }
 .menu a, .menu a:visited {
   color: #333;