@healthcatalyst/catalyst-docfx-template 1.0.162 → 1.0.164

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@healthcatalyst/catalyst-docfx-template",
-  "version": "1.0.162",
+  "version": "1.0.164",
   "license": "MIT",
   "description": "A DocFX Template patching the Default template.",
   "publishConfig": {

package/partials/li.tmpl.partial

@@ -8,10 +8,10 @@
           <span class="expand-stub"></span>
         {{/leaf}}
         {{#topicHref}}
-          <a href="{{topicHref}}" name="{{tocHref}}" title="{{name}}" {{#external}} target="_blank" rel="noopener"{{/external}}>{{name}}</a>
+          <a href="{{topicHref}}" name="{{tocHref}}" title="{{name}}"{{#class}} class="{{class}}"{{/class}}{{#external}} target="_blank" rel="noopener"{{/external}}>{{name}}</a>
         {{/topicHref}}
         {{^topicHref}}
-          <a>{{{name}}}</a>
+          <a{{#class}} class="{{class}}"{{/class}}>{{{name}}}</a>
         {{/topicHref}}
         {{^leaf}}
           {{>partials/li}}

package/styles/main.css

@@ -1516,6 +1516,18 @@ a.anchor {
     color: #00aeff
 }
 
+:not(.level2)>li>.line-above {
+    margin-top: 30px;
+}
+
+:not(.level2)>li>.line-above:before {
+    content: "";
+    position: absolute;
+    border-bottom: 1px solid #E1E3E3;
+    width: 100%;
+    margin-top:-20px;
+}
+
 .line-below {
     padding-bottom: 20px !important;
     border-bottom: 1px solid #E1E3E3 !important;
@@ -1602,24 +1614,6 @@ pre {
     margin-right: -36px;
 }
 
-.toc-deprecated:before {
-    content: 'Deprecated' !important;
-    background-color: #d7dde4;
-    color: #131314;
-    border-radius: 3px;
-    font-size: 9px;
-    text-transform: uppercase;
-    font-weight: 600;
-    letter-spacing: 0.15px;
-    margin-left: 0px;
-    margin-top: 4px;
-    margin-bottom: 4px;
-    margin-right: 4px;
-    padding: 3px 7px 3px 10px;
-    position: relative;
-    top: -1px;
-}
-
 /* "Page has moved/is obsolete" banner at top of page */
 
 #nextWarning {
@@ -2116,4 +2110,41 @@ article .tabGroup > ul > li {
 .sideaffix .affix {
     padding-bottom: 80px; /* adjust to your footer height */
     margin-bottom: 80px;  /* optional but helps with fixed-position variants */
-}
+}
+/* TOC tags; apply in the toc */
+
+.beta:after, .toc-beta:after, .new:after, .toc-new:after, .deprecated:after, .toc-deprecated:after {
+    color: #000;
+    font-weight:600;
+    padding: 2px 6px;
+    border-radius: 3px;
+    margin-left: 6px;
+}
+
+.beta:after, .toc-beta:after {
+    background-color: #ffdcb3;
+    content: "BETA" !important;
+}
+
+.new:after, .toc-new:after {
+    background-color: #CDFCE1;
+    content: "NEW" !important;
+}
+
+.deprecated:after, .toc-deprecated:after {
+    background-color: #ffdcb3;
+    content: "DEPRECATED" !important;
+}
+
+.beta:after, .new:after, .deprecated:after {
+    font-size: 12px;
+    height: 20px;
+    vertical-align: middle;
+    }
+
+.toc-beta:after, .toc-new:after, .toc-deprecated:after {
+    font-size: 10px;
+    height: 15px;
+    letter-spacing: 0.15px;
+    margin-top: 4px;
+}