tea/browsertrix
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Improve "Show Only Mine" switch visibility (#494)

Browse Source
This commit is contained in:
sua yoo 2023-01-17 16:28:06 -08:00 committed by GitHub
parent ebb634a20d
commit b0745a63f7
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 104 additions and 103 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
frontend/src/pages/archive/crawl-templates-list.ts
View File

@ -109,7 +109,9 @@ export class CrawlTemplatesList extends LiteElement {
render() { render() {
return html` return html`
<div class="mb-4">${this.renderControls()}</div> <div class="sticky z-10 mb-2 top-0 py-2 bg-neutral-0">
${this.renderControls()}
</div>
${this.crawlTemplates ${this.crawlTemplates
? this.crawlTemplates.length ? this.crawlTemplates.length
@ -177,8 +179,7 @@ export class CrawlTemplatesList extends LiteElement {
</div> </div>
</div> </div>
${this.crawlTemplates && this.crawlTemplates.length <div class="flex flex-wrap items-center justify-between">
? html`<div class="flex flex-wrap items-center justify-between">
<div class="text-sm"> <div class="text-sm">
<button <button
class="inline-block font-medium border-2 border-transparent ${this class="inline-block font-medium border-2 border-transparent ${this
@ -271,14 +272,12 @@ export class CrawlTemplatesList extends LiteElement {
@click=${() => { @click=${() => {
this.orderBy = { this.orderBy = {
...this.orderBy, ...this.orderBy,
direction: direction: this.orderBy.direction === "asc" ? "desc" : "asc",
this.orderBy.direction === "asc" ? "desc" : "asc",
}; };
}} }}
></sl-icon-button> ></sl-icon-button>
</div> </div>
</div>` </div>
: ""}
`; `;
} }

4
frontend/src/pages/archive/crawls-list.ts
View File

@ -142,7 +142,9 @@ export class CrawlsList extends LiteElement {
return html` return html`
<main> <main>
<header class="mb-4">${this.renderControls()}</header> <header class="sticky z-10 mb-3 top-0 py-2 bg-neutral-0">
${this.renderControls()}
</header>
<section> <section>
${this.crawls.length ${this.crawls.length
? this.renderCrawlList() ? this.renderCrawlList()