litruv/Docs-Viewer
1
0
Fork 0
mirror of https://github.com/litruv/Docs-Viewer.git synced 2026-07-24 02:36:07 +10:00
Code Issues Packages Projects Releases Wiki Activity

Add color property to folder icons in DOMService for improved styling

Browse Source
This commit is contained in:
Litruv
2025-02-10 14:58:16 +11:00
parent fd0bfff4f7
commit 6898e3a973
2 changed files with 5 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
example.index.json
View File

@@ -14,6 +14,7 @@
{
"title": "Unreal Engine",
"type": "folder",
"color": "#2196f3",
"path": "docs/unreal-engine.md",
"slug": "unreal-engine",
"items": [

6
index.js
View File

@@ -197,9 +197,10 @@ class DOMService {
}
createFolderHeaderWithFile(iconClass, doc) {
const iconStyle = doc.color ? `color: ${doc.color};` : '';
return `
<div class="folder-icons">
<i class="${iconClass} folder-icon"></i>
<i class="${iconClass} folder-icon" style="${iconStyle}"></i>
</div>
<span>${doc.title}</span>
<a href="?${doc.slug}" class="folder-link" title="View folder page">
@@ -208,9 +209,10 @@ class DOMService {
}
createFolderHeaderBasic(iconClass, doc) {
const iconStyle = doc.color ? `color: ${doc.color};` : '';
return `
<div class="folder-icons">
<i class="${iconClass} folder-icon"></i>
<i class="${iconClass} folder-icon" style="${iconStyle}"></i>
</div>
<span>${doc.title}</span>`;
}