quickshell/quickshell-web
3
1
Fork 0
Code Issues Projects Activity

fixed styling for search bar, fixed positioning for widescreens(needs testing), restricted pagefind indexing, made titles top weight, added root module description

Browse source
This commit is contained in:
Xanazf 2024-10-11 16:05:44 +03:00
parent ab44ad8128
commit b65b93b5eb
Signed by: Xanazf
GPG key ID: 4E4A5AD1FB748427
11 changed files with 67 additions and 28 deletions
Download patch file Download diff file Expand all files Collapse all files

18
src/pages/docs/types/[type]/[name].astro
View file

@ -49,23 +49,26 @@ const sidebarData = {
const superLink = data.super ? getQMLTypeLink(data.super) : null;
const details = data.details ? await processQsMarkdown(data.details) : null;
const details = data.details
? await processQsMarkdown(data.details)
: null;
---
<DocsLayout title={`${route.name} - ${route.type}`} description={data?.description ?? ""}>
<div class="docs">
<div class="typedocs-content">
<hr />
<h2 class="typedocs-title">
<h2 class="typedocs-title" data-pagefind-weight="10">
{route.name}:
{data.super ? (
<a
target="_blank"
href={superLink!}
data-pagefind-ignore
>
{data.super.name}
</a>
):(
<span class="type-datatype">{data.type}</span>
<span class="type-datatype" data-pagefind-ignore>{data.type}</span>
)
}
</h2>
@ -73,17 +76,16 @@ const details = data.details ? await processQsMarkdown(data.details) : null;
route && data ? (
<section class="typedocs-data typedata">
<subheading class="typedocs-subheading">
<code class="type-module">import {data.module}</code>
<code class="type-module" data-pagefind-ignore>import {data.module}</code>
{data.flags ? (
<div class="type-flags">{data.flags.map(flag => (
<div class="type-flags" data-pagefind-ignore>{data.flags.map(flag => (
<span class="type-flag">
<Flag client:idle/>
{flag}
</span>
))}</div>
):null}
{details ? <span set:html={details}/> : null}
{!details ? (<span class="toparse">{data.description}</span>):null}
{details ? <span class="parsedMD" set:html={details}/> : (<span class="toparse">{data.description}</span>)}
</subheading>
{ data.properties && propsKeys ? (
<Properties
@ -112,7 +114,7 @@ const details = data.details ? await processQsMarkdown(data.details) : null;
) : null
}
</div>
<TOC mobile={false} types={sidebarData}/>
<TOC mobile={false} types={sidebarData} data-pagefind-ignore/>
</div>
</DocsLayout>

7
src/pages/docs/types/[type]/index.astro
View file

@ -1,6 +1,7 @@
---
import DocsLayout from "@layouts/DocsLayout.astro";
import { generateTypeData } from "@config/io/generateTypeData";
import { processQsMarkdown } from "@src/config/io/helpers";
export async function getStaticPaths() {
const routes = await generateTypeData();
@ -24,6 +25,9 @@ export async function getStaticPaths() {
});
}
const { route, children } = Astro.props;
const details = route.data.details
? await processQsMarkdown(route.data.details)
: null;
---
<DocsLayout
@ -32,7 +36,7 @@ const { route, children } = Astro.props;
>
<hr />
<h2 class="typedocs-title">{route.type[0].toUpperCase() + route.type.slice(1)} Definitions</h2>
<div class="root-nav">
<div class="root-nav" data-pagefind-ignore>
{route.data.contains!.map((childName:string) =>
(
<div class="root-nav-entry">
@ -46,4 +50,5 @@ const { route, children } = Astro.props;
)
)}
</div>
{details ? <span class="parsedMD" set:html={details}/> : (<span class="toparse">{route.data.description}</span>)}
</DocsLayout>