mirror of
https://github.com/quartz-community/explorer.git
synced 2026-07-22 02:50:24 +00:00
feat: add Obsidian-compatible alias classes to explorer elements
This commit is contained in:
parent
039576f5b2
commit
0da0a6db60
6 changed files with 20 additions and 20 deletions
12
dist/components/index.js
vendored
12
dist/components/index.js
vendored
File diff suppressed because one or more lines are too long
2
dist/components/index.js.map
vendored
2
dist/components/index.js.map
vendored
File diff suppressed because one or more lines are too long
12
dist/index.js
vendored
12
dist/index.js
vendored
File diff suppressed because one or more lines are too long
2
dist/index.js.map
vendored
2
dist/index.js.map
vendored
File diff suppressed because one or more lines are too long
|
|
@ -74,7 +74,7 @@ export default ((userOpts?: Partial<ExplorerOptions>) => {
|
|||
|
||||
return (
|
||||
<div
|
||||
class={classNames(displayClass, "explorer")}
|
||||
class={classNames(displayClass, "explorer", "nav-files-container")}
|
||||
data-behavior={opts.folderClickBehavior}
|
||||
data-collapsed={opts.folderDefaultState}
|
||||
data-savestate={opts.useSavedState}
|
||||
|
|
@ -133,12 +133,12 @@ export default ((userOpts?: Partial<ExplorerOptions>) => {
|
|||
</div>
|
||||
<template id="template-file">
|
||||
<li>
|
||||
<a href="#"></a>
|
||||
<a href="#" class="nav-file-title tree-item-self"></a>
|
||||
</li>
|
||||
</template>
|
||||
<template id="template-folder">
|
||||
<li>
|
||||
<div class="folder-container">
|
||||
<div class="folder-container nav-folder-title tree-item-self">
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
width="12"
|
||||
|
|
@ -149,7 +149,7 @@ export default ((userOpts?: Partial<ExplorerOptions>) => {
|
|||
stroke-width="2"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
class="folder-icon"
|
||||
class="folder-icon nav-folder-collapse-indicator collapse-icon"
|
||||
>
|
||||
<polyline points="6 9 12 15 18 9"></polyline>
|
||||
</svg>
|
||||
|
|
@ -160,7 +160,7 @@ export default ((userOpts?: Partial<ExplorerOptions>) => {
|
|||
</div>
|
||||
</div>
|
||||
<div class="folder-outer">
|
||||
<ul class="content"></ul>
|
||||
<ul class="content tree-item-children"></ul>
|
||||
</div>
|
||||
</li>
|
||||
</template>
|
||||
|
|
|
|||
|
|
@ -227,7 +227,7 @@ function renderTree(node, container, currentSlug, folderBehavior, savedState, pa
|
|||
link.href = resolveBasePath(node.data.slug);
|
||||
link.textContent = node.displayName || node.slugSegment;
|
||||
if (node.data.slug === currentSlug) {
|
||||
link.classList.add("active");
|
||||
link.classList.add("active", "is-active");
|
||||
}
|
||||
}
|
||||
container.appendChild(clone);
|
||||
|
|
|
|||
Loading…
Reference in a new issue