@healthcatalyst/catalyst-docfx-template 1.0.138 → 1.0.140

package/package.json

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

package/styles/main.css

@@ -144,29 +144,6 @@ table+blockquote {
 }
 
 
-/* Bullets */
-
-article>ul>li>p {
-    margin-bottom: 0px;
-    page-break-inside: avoid;
-}
-
-article>ul>li {
-    padding-left: 12px;
-    display: table;
-}
-
-article>ul li ul li p {
-    margin-bottom: 0px;
-    page-break-inside: avoid;
-}
-
-article>ul li ul li ul li p {
-    margin-bottom: 0px;
-    page-break-inside: avoid;
-}
-
-
 /* Clickability fix for selector on sm devices */
 
 @media (min-width: 768px) and (max-width: 991px) {
@@ -182,139 +159,6 @@ article>ul li ul li ul li p {
     }
 }
 
-
-/* Bullets setup */
-
-article ul {
-    list-style-type: none;
-    padding-left: 0px;
-    margin-bottom: 0px;
-    page-break-inside: avoid;
-}
-
-/* Nesting ordered lists */
-
-article ol ol {
-    list-style-type: lower-alpha;
-  }
-  
-article ol ol ol,
-article ol ul ol,
-article ul ol ol,
-article ul ul ol {
-  list-style-type: lower-roman;
-}
-
-*/
-  article ol ol {
-    list-style-type: lower-alpha;
-  }
-  
-  article ul li ul li:last-child,
-  article ol li ol li:last-child {
-    margin-bottom:6px!important
-  }
-  
-  article ul li ul li ul li:first-child,
-  article ol li ol li ol li:first-child {
-    margin-top:6px!important
-  }
-  article ul li ul li ul li:last-child,
-  article ol li ol li ol li:last-child {
-    margin-bottom:6px!important
-  }
-
-/* First-level bullets margin */
-
-article ul>li:before {
-    content: "\2022 ";
-    display: table-cell;
-    padding-right: 10px;
-}
-
-blockquote ul>li:before {
-    content: "\2022 ";
-    float: left;
-    display: table-cell;
-    padding-right: 15px;
-}
-
-blockquote ul>li {
-    padding-bottom: 5px;
-    text-indent: -15px;
-    padding-left: 15px;
-}
-
-.alert ul>li:before {
-    content: "\2022 ";
-    display: inline;
-}
-
-article ul>li:last-child {
-    padding-bottom: 10px;
-}
-
-/* Exclude these overrides from tab group headers */
-
-article .tabGroup>ul>li:before {
-    content: "";
-}
-
-article .tabGroup>ul>li:last-child {
-    padding-bottom: 0;
-}
-
-/* Second-level bullets */
-
-article ul li ul li,
-article ol li ul li {
-    display: table;
-}
-
-article ul li ul li:before {
-    content: "\2013  ";
-    display: table-cell;
-    padding-right: 15px;
-}
-
-article ul li ul li:first-child {
-    padding-top: 7px;
-}
-
-article ul li ul li:last-child {
-    padding-bottom: 6px;
-}
-
-
-/* Third-level bullets */
-
-article ul li ul li ul li:before {
-    content: "\002D ";
-    display: table-cell;
-    padding-right: 10px;
-}
-
-
-/* Bullets inside tables */
-
-
-/*First level */
-
-table>tbody>tr>td>ul>li {
-    padding-right: 7px;
-    display: table;
-}
-
-
-/* Second level */
-
-table>tbody>tr>td>ul>li>ul>li {
-    content: "\002D ";
-    display: table;
-    padding-right: 15px;
-}
-
-
 /* Blockquote */
 
 blockquote {
@@ -365,10 +209,6 @@ pre {
     margin-bottom: 10px;
 }
 
-.article ol li img {
-    margin-top:0px;
-}
-
 .noborder {
     border: none !important;
 }
@@ -651,15 +491,6 @@ body .toc {
     margin-top: 10px;
 }
 
-/*removes inherited underscores in child nodes of a left nav toc*/
-:not(.level1)>li>.line-above:before{
-    content: "";
-    position: absolute;
-    border-bottom: 0px solid #E1E3E3;
-    width: 100%;
-    margin-top: -20px;
-}
-
 /* TOC filter */
 
 .toc-filter {
@@ -889,36 +720,6 @@ body .toc,
     font-size: 12px;
 }
 
-
-/* Hide inactive nested list */
-
-.affix ul ul {
-    display: none;
-}
-
-
-/* Show active nested list */
-
-.affix ul>li.active>ul {
-    display: block;
-}
-
-.affix>ul>li>a:before {
-    content: '';
-}
-
-.affix ul ul>li>a:before {
-    content: '';
-}
-
-
-/* Unhide bottom portion of right-column menu */
-
-.affix>ul.level1 {
-    overflow: visible;
-}
-
-
 /* Search form */
 
 .form-control {
@@ -1304,14 +1105,6 @@ output {
     min-width: 30px;
 }
 
-.docs-subnav-breadcrumb-current>ul>li+li::before {
-    font-family: "FontAwesome";
-    content: "\f054";
-    padding: 0 15px;
-    color: #A8B0BA;
-    font-size: 10px;
-}
-
 .docs-subnav-select-container {
     position: relative;
 }
@@ -1719,18 +1512,6 @@ 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;
@@ -1942,3 +1723,299 @@ pre {
   .word-break {
     word-break: break-all;
   }
+
+/* ===== ARTICLE LIST STYLES ===== */
+
+:root {
+  --list-indent: 2rem;
+  --list-spacing: 0.5rem;
+  --list-item-spacing: 0.25rem;
+  --list-color: #131314;
+  --list-marker-color: inherit;
+}
+
+/* Base list styles - override docfx defaults */
+article ul,
+article ol {
+  margin: var(--list-spacing) 0;
+  padding-left: var(--list-indent);
+  color: var(--list-color);
+  line-height: 1.5;
+  list-style: none;
+  page-break-inside: avoid;
+}
+
+article li {
+  margin: var(--list-item-spacing) 0;
+  display: table;
+}
+
+/* ===== UNORDERED LIST MARKERS ===== */
+
+/* Level 1: Filled circle */
+article ul > li::before {
+  content: "•";
+  color: var(--list-marker-color);
+  display: table-cell;
+  padding-right: 10px;
+  font-weight: bold;
+}
+
+/* Level 2: En dash */
+article ul ul > li::before {
+  content: "–";
+  padding-right: 15px;
+}
+
+/* Level 3: Hyphen */
+article ul ul ul > li::before {
+  content: "-";
+  padding-right: 10px;
+}
+
+/* Level 4: En dash (alternate) */
+article ul ul ul ul > li::before {
+  content: "–";
+  padding-right: 10px;
+}
+
+/* ===== ORDERED LIST MARKERS ===== */
+article ol {
+  counter-reset: item;
+}
+
+article ol > li {
+  counter-increment: item;
+}
+
+/* Level 1: 1, 2, 3... */
+article ol > li::before {
+  content: counter(item) ". ";
+  color: var(--list-marker-color);
+  display: table-cell;
+  padding-right: 10px;
+  font-weight: inherit;
+  font-family: inherit;
+}
+
+/* Level 2: a, b, c... */
+article ol ol {
+  counter-reset: item;
+}
+
+article ol ol > li::before {
+  content: counter(item, lower-alpha) ". ";
+}
+
+/* Level 3: i, ii, iii... */
+article ol ol ol {
+  counter-reset: item;
+}
+
+article ol ol ol > li::before {
+  content: counter(item, lower-roman) ". ";
+}
+
+/* Level 4: A, B, C... */
+article ol ol ol ol {
+  counter-reset: item;
+}
+
+article ol ol ol ol > li::before {
+  content: counter(item, upper-alpha) ". ";
+}
+
+/* ===== MIXED LIST HANDLING ===== */
+/* When UL is nested in OL, reset counter context */
+article ol ul {
+  counter-reset: none;
+}
+
+/* When OL is nested in UL, establish new counter context */
+article ul ol {
+  counter-reset: item;
+}
+
+/* ===== SPECIAL OVERRIDES ===== */
+/* Preserve existing spacing for nested items */
+article ul li ul li:first-child,
+article ol li ol li:first-child {
+  margin-top: 6px;
+}
+
+article ul li ul li:last-child,
+article ol li ol li:last-child {
+  margin-bottom: 6px;
+}
+
+article ul li ul li ul li:first-child,
+article ol li ol li ol li:first-child {
+  margin-top: 6px;
+}
+
+article ul li ul li ul li:last-child,
+article ol li ol li ol li:last-child {
+  margin-bottom: 6px;
+}
+
+/* Last item in top-level lists */
+article ul > li:last-child {
+  padding-bottom: 10px;
+}
+
+/* ===== OVERRIDES ===== */
+/* Preserve existing behavior for blockquotes */
+blockquote ul > li::before {
+  content: "•";
+  float: left;
+  display: table-cell;
+  padding-right: 15px;
+}
+
+blockquote ul > li {
+  padding-bottom: 5px;
+  text-indent: -15px;
+  padding-left: 15px;
+  display: block; /* Override table display for blockquotes */
+}
+
+/* Preserve existing behavior for alerts */
+.alert ul > li::before {
+  content: "•";
+  display: inline;
+  padding-right: 0.5rem;
+}
+
+.alert ul > li {
+  display: block; /* Override table display for alerts */
+}
+
+/* Preserve existing behavior for tables */
+table > tbody > tr > td > ul > li {
+  padding-right: 7px;
+  display: table;
+}
+
+table > tbody > tr > td > ul > li > ul > li {
+  display: table;
+  padding-right: 15px;
+}
+
+/* Exclude tab group headers from list styling */
+article .tabGroup > ul > li::before {
+  content: "";
+}
+
+article .tabGroup > ul > li:last-child {
+  padding-bottom: 0;
+}
+
+article .tabGroup > ul > li {
+  display: inline-block; /* Override table display for tab groups */
+}
+
+/* ===== RESPONSIVE ADJUSTMENTS ===== */
+@media (max-width: 768px) {
+  :root {
+    --list-indent: 1.5rem;
+    --list-spacing: 0.4rem;
+  }
+}
+
+/* ===== RELEASE NOTES STYLES ===== */
+
+.release-notes details {
+    border: 1px solid #ddd;
+    margin-bottom: 10px;
+    background-color: white;
+}
+
+.release-notes summary {
+    padding: 15px 20px;
+    background-color: #f5f5f5;
+    border-bottom: .66667px solid #ddd;
+    border-radius: 4px;
+    cursor: pointer;
+    font-size: 22px;
+    font-weight: 600;
+    color: inherit;
+    user-select: none;
+    position: relative;
+}
+
+.release-notes summary:hover {
+    background-color: #e9ecef;
+}
+
+/* Custom arrow styling */
+.release-notes summary::-webkit-details-marker {
+    display: none;
+}
+
+.release-notes summary::before {
+    content: "▶";
+    position: absolute;
+    right: 20px;
+    color: #666;
+    transition: transform 0.2s ease;
+}
+
+.release-notes details[open] summary::before {
+    transform: rotate(90deg);
+}
+
+/* Content area */
+.release-notes .release-content {
+    padding: 20px;
+    border-top: none;
+    animation: slideIn 0.2s ease-out;
+}
+
+@keyframes slideIn {
+    from {
+        opacity: 0;
+        transform: translateY(-10px);
+    }
+    to {
+        opacity: 1;
+        transform: translateY(0);
+    }
+}
+
+.release-notes .current-release summary:hover {
+    background-color: #C6EAFF;
+}
+
+/* Typography within release content */
+.release-notes .release-content h3 {
+    color: #004256;
+    margin-top: 0;
+    margin-bottom: 15px;
+}
+
+.release-notes .release-content h4 {
+    color: #006d9a;
+    margin-top: 20px;
+    margin-bottom: 10px;
+}
+
+.release-notes .release-content p {
+    margin-bottom: 15px;
+    line-height: 1.5;
+}
+
+/* Responsive design */
+@media (max-width: 768px) {
+    .release-notes summary {
+        padding: 12px 15px;
+        font-size: 16px;
+    }
+    
+    .release-notes .release-content {
+        padding: 15px;
+    }
+    
+    .release-notes summary::before {
+        right: 15px;
+    }
+}