replace : with - in css ids

jedahu · Mar 15, 2013 · 8188828 · 8188828
1 parent 2050013
commit 8188828
Show file tree

Hide file tree

Showing 6 changed files with 13 additions and 8 deletions.
diff --git a/npm-shrinkwrap.json b/npm-shrinkwrap.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "docshop",
-  "version": "0.1.61",
+  "version": "0.1.63",
   "dependencies": {
     "grunt-contrib-copy": "~0.4.0rc7",
     "grunt-contrib-watch": "~0.1.4",

diff --git a/www/css/browse.styl b/www/css/browse.styl
@@ -269,6 +269,12 @@ ul
       .name
         color black
 
+  .ds-name
+    font-weight bold
+    .ds-info
+      color grey
+      font-weight normal
+
   code
     color inherit
     padding none

diff --git a/www/docs.html b/www/docs.html
@@ -76,8 +76,7 @@
             <ul>
               <li
                 data-ng-repeat='n in renderedSrc.names'
-                data-ng-click-scroll-to='"id:" + n'
-                data-ng-click='scrollToHash("id:" + n)'
+                data-ng-click='scrollToHash("ds-name-" + n)'
                 data-ng-bind='n'>
               </li>
             </ul>

diff --git a/www/js/app/browse/service/parse_render_src.js b/www/js/app/browse/service/parse_render_src.js
@@ -26,8 +26,8 @@
             .replace(/(?:\n\s*)*$/, '')
         }
     ; const names = [].map.call
-        ( wrapper.find('[id^="name:"]')
-        , (elm) => elm.getAttribute('id').slice('name:'.length)
+        ( wrapper.find('[id^="ds-name-"]')
+        , (elm) => elm.getAttribute('id').slice('ds-name-'.length)
         )
         .sort()
     ; const toc = [].slice.call(wrapper.find('h1,h2,h3,h4'), 0)

diff --git a/www/js/app/browse/service/src_parser/directive.js b/www/js/app/browse/service/src_parser/directive.js
@@ -25,11 +25,11 @@ containing that string and with an id of "name:`name`".
     { export const name = (str) =>
         { const [_, name, info] = /^(\S+)(?:\s+(.+))?$/.exec(str) || []
         ; const infoSpan = info
-            ? ' <span class="ds:info">'
+            ? ' <span class="ds-info">'
               + escapeHtml(info)
               + '</span>'
             : ''
-        ; return '<div class="ds:name" id="name:'
+        ; return '<div class="ds-name" id="ds-name-'
             + escapeHtml(name)
             + '">'
             + escapeHtml(name)