feat(design): adjust and clean up dd, dt, etc markup for method details

Author: julie-ng

tmpl/details.tmpl

@@ -30,31 +30,31 @@ var hasDetails = data.version ||
 <?js } ?>
 
     <?js if (data.version) {?>
-    <dt class="tag-version">Version:</dt>
-    <dd class="tag-version"><ul class="dummy"><li><?js= version ?></li></ul></dd>
+    <dt class="tag-version">Version</dt>
+    <dd class="tag-version"><?js= version ?></dd>
     <?js } ?>
 
     <?js if (data.since) {?>
-    <dt class="tag-since">Since:</dt>
-    <dd class="tag-since"><ul class="dummy"><li><?js= since ?></li></ul></dd>
+    <dt class="tag-since">Since</dt>
+    <dd class="tag-since"><?js= since ?></dd>
     <?js } ?>
 
     <?js if (data.inherited && data.inherits && !data.overrides) { ?>
-    <dt class="inherited-from">Inherited From:</dt>
-    <dd class="inherited-from"><ul class="dummy"><li>
+    <dt class="inherited-from">Inherited From</dt>
+    <dd class="inherited-from">
         <?js= this.linkto(data.inherits, this.htmlsafe(data.inherits)) ?>
-    </li></ul></dd>
+    </dd>
     <?js } ?>
 
     <?js if (data.overrides) { ?>
-    <dt class="tag-overrides">Overrides:</dt>
-    <dd class="tag-overrides"><ul class="dummy"><li>
+    <dt class="tag-overrides">Overrides</dt>
+    <dd class="tag-overrides">
         <?js= this.linkto(data.overrides, this.htmlsafe(data.overrides)) ?>
-    </li></ul></dd>
+    </dd>
     <?js } ?>
 
     <?js if (data.implementations && data.implementations.length) { ?>
-    <dt class="implementations">Implementations:</dt>
+    <dt class="implementations">Implementations</dt>
     <dd class="implementations"><ul>
         <?js data.implementations.forEach(function(impl) { ?>
             <li><?js= self.linkto(impl, self.htmlsafe(impl)) ?></li>
@@ -63,7 +63,7 @@ var hasDetails = data.version ||
     <?js } ?>
 
     <?js if (data.implements && data.implements.length) { ?>
-    <dt class="implements">Implements:</dt>
+    <dt class="implements">Implements</dt>
     <dd class="implements"><ul>
         <?js data.implements.forEach(function(impl) { ?>
             <li><?js= self.linkto(impl, self.htmlsafe(impl)) ?></li>
@@ -72,7 +72,7 @@ var hasDetails = data.version ||
     <?js } ?>
 
     <?js if (data.mixes && data.mixes.length) { ?>
-        <dt class="mixes">Mixes In:</dt>
+        <dt class="mixes">Mixes In</dt>
 
         <dd class="mixes"><ul>
         <?js data.mixes.forEach(function(a) { ?>
@@ -82,14 +82,14 @@ var hasDetails = data.version ||
     <?js } ?>
 
     <?js if (data.deprecated) { ?>
-        <dt class="important tag-deprecated">Deprecated:</dt><?js
-            if (data.deprecated === true) { ?><dd class="yes-def tag-deprecated"><ul class="dummy"><li>Yes</li></ul></dd><?js }
-            else { ?><dd><ul class="dummy"><li><?js= data.deprecated ?></li></ul></dd><?js }
+        <dt class="important tag-deprecated">Deprecated</dt><?js
+            if (data.deprecated === true) { ?><dd class="yes-def tag-deprecated">Yes</dd><?js }
+            else { ?><dd><?js= data.deprecated ?></dd><?js }
         ?>
     <?js } ?>
 
     <?js if (data.author && author.length) {?>
-    <dt class="tag-author">Author:</dt>
+    <dt class="tag-author">Author</dt>
     <dd class="tag-author">
         <ul><?js author.forEach(function(a) { ?>
             <li><?js= self.resolveAuthorLinks(a) ?></li>
@@ -98,31 +98,31 @@ var hasDetails = data.version ||
     <?js } ?>
 
     <?js if (data.copyright) {?>
-    <dt class="tag-copyright">Copyright:</dt>
-    <dd class="tag-copyright"><ul class="dummy"><li><?js= copyright ?></li></ul></dd>
+    <dt class="tag-copyright">Copyright</dt>
+    <dd class="tag-copyright"><?js= copyright ?></dd>
     <?js } ?>
 
     <?js if (data.license) {?>
-    <dt class="tag-license">License:</dt>
-    <dd class="tag-license"><ul class="dummy"><li><?js= license ?></li></ul></dd>
+    <dt class="tag-license">License</dt>
+    <dd class="tag-license"><?js= license ?></dd>
     <?js } ?>
 
     <?js if (data.defaultvalue) {?>
-    <dt class="tag-default">Default Value:</dt>
-    <dd class="tag-default"><ul class="dummy">
-            <li<?js= defaultObjectClass ?>><?js= data.defaultvalue ?></li>
-        </ul></dd>
+    <dt class="tag-default">Default Value</dt>
+    <dd class="tag-default">
+        <?js= defaultObjectClass ?><?js= data.defaultvalue ?>
+    </dd>
     <?js } ?>
 
     <?js if (data.meta && self.outputSourceFiles) {?>
-    <dt class="tag-source">Source:</dt>
+    <dt class="tag-source">Source</dt>
     <dd class="tag-source">
         <?js= self.linkto(meta.shortpath, meta.shortpath + ':' + meta.lineno) ?>
     </dd>
     <?js } ?>
 
     <?js if (data.tutorials && tutorials.length) {?>
-    <dt class="tag-tutorial">Tutorials:</dt>
+    <dt class="tag-tutorial">Tutorials</dt>
     <dd class="tag-tutorial">
         <ul><?js tutorials.forEach(function(t) { ?>
             <li><?js= self.tutoriallink(t) ?></li>
@@ -131,7 +131,7 @@ var hasDetails = data.version ||
     <?js } ?>
 
     <?js if (data.see && see.length) {?>
-    <dt class="tag-see">See:</dt>
+    <dt class="tag-see">See</dt>
     <dd class="tag-see">
         <ul><?js see.forEach(function(s) { ?>
             <li><?js= self.linkto(s) ?></li>
@@ -140,7 +140,7 @@ var hasDetails = data.version ||
     <?js } ?>
 
     <?js if (data.todo && todo.length) {?>
-    <dt class="tag-todo">To Do:</dt>
+    <dt class="tag-todo">To Do</dt>
     <dd class="tag-todo">
         <ul><?js todo.forEach(function(t) { ?>
             <li><?js= t ?></li>