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

Merge pull request #810 from webrecorder/frontend-minor-visual-updates

Browse Source
This commit is contained in:
Henry Wilkinson 2023-05-01 15:38:37 -04:00 committed by GitHub
commit ee92eb6646
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
6 changed files with 10 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/components/crawl-list.ts
View File

@ -451,6 +451,8 @@ export class CrawlList extends LitElement {
border: 1px solid var(--sl-panel-border-color); border: 1px solid var(--sl-panel-border-color);
border-radius: var(--sl-border-radius-medium); border-radius: var(--sl-border-radius-medium);
overflow: hidden; overflow: hidden;
margin-left: var(--row-offset);
margin-right: var(--row-offset);
} }
.row { .row {

6
frontend/src/pages/org/browser-profiles-detail.ts
View File

@ -269,7 +269,7 @@ export class BrowserProfilesDetail extends LiteElement {
private renderMenu() { private renderMenu() {
return html` return html`
<sl-dropdown placement="bottom-end" distance="4"> <sl-dropdown placement="bottom-end" distance="4">
<sl-button slot="trigger" caret>${msg("Actions")}</sl-button> <sl-button size="small" slot="trigger" caret>${msg("Actions")}</sl-button>
<ul <ul
class="text-left text-sm text-neutral-800 bg-white whitespace-nowrap" class="text-left text-sm text-neutral-800 bg-white whitespace-nowrap"
@ -285,7 +285,7 @@ export class BrowserProfilesDetail extends LiteElement {
> >
<sl-icon <sl-icon
class="inline-block align-middle px-1" class="inline-block align-middle px-1"
name="pencil-square" name="pencil"
></sl-icon> ></sl-icon>
<span class="inline-block align-middle pr-2" <span class="inline-block align-middle pr-2"
>${msg("Edit name & description")}</span >${msg("Edit name & description")}</span
@ -314,7 +314,7 @@ export class BrowserProfilesDetail extends LiteElement {
> >
<sl-icon <sl-icon
class="inline-block align-middle px-1" class="inline-block align-middle px-1"
name="file-earmark-x" name="trash3"
></sl-icon> ></sl-icon>
<span class="inline-block align-middle pr-2">${msg("Delete")}</span> <span class="inline-block align-middle pr-2">${msg("Delete")}</span>
</li> </li>

4
frontend/src/pages/org/browser-profiles-list.ts
View File

@ -139,7 +139,7 @@ export class BrowserProfilesList extends LiteElement {
private renderMenu(data: Profile) { private renderMenu(data: Profile) {
return html` return html`
<sl-dropdown @click=${(e: Event) => e.preventDefault()}> <sl-dropdown hoist="true" @click=${(e: Event) => e.preventDefault()}>
<sl-icon-button <sl-icon-button
slot="trigger" slot="trigger"
name="three-dots" name="three-dots"
@ -178,7 +178,7 @@ export class BrowserProfilesList extends LiteElement {
> >
<sl-icon <sl-icon
class="inline-block align-middle px-1" class="inline-block align-middle px-1"
name="file-earmark-x" name="trash3"
></sl-icon> ></sl-icon>
<span class="inline-block align-middle pr-2">${msg("Delete")}</span> <span class="inline-block align-middle pr-2">${msg("Delete")}</span>
</li> </li>

2
frontend/src/pages/org/crawl-detail.ts
View File

@ -440,7 +440,7 @@ export class CrawlDetail extends LiteElement {
style="--sl-color-neutral-700: var(--danger)" style="--sl-color-neutral-700: var(--danger)"
@click=${() => this.deleteCrawl()} @click=${() => this.deleteCrawl()}
> >
<sl-icon name="trash" slot="prefix"></sl-icon> <sl-icon name="trash3" slot="prefix"></sl-icon>
${msg("Delete Crawl")} ${msg("Delete Crawl")}
</sl-menu-item> </sl-menu-item>
` `

2
frontend/src/pages/org/workflow-detail.ts
View File

@ -473,7 +473,7 @@ export class WorkflowDetail extends LiteElement {
@click=${() => @click=${() =>
shouldDeactivate ? this.deactivate() : this.delete()} shouldDeactivate ? this.deactivate() : this.delete()}
> >
<sl-icon name="trash" slot="prefix"></sl-icon> <sl-icon name="trash3" slot="prefix"></sl-icon>
${ ${
shouldDeactivate shouldDeactivate
? msg("Deactivate Workflow") ? msg("Deactivate Workflow")

2
frontend/src/pages/org/workflows-list.ts
View File

@ -443,7 +443,7 @@ export class WorkflowsList extends LiteElement {
? this.deactivate(workflow) ? this.deactivate(workflow)
: this.delete(workflow)} : this.delete(workflow)}
> >
<sl-icon name="trash" slot="prefix"></sl-icon> <sl-icon name="trash3" slot="prefix"></sl-icon>
${shouldDeactivate ${shouldDeactivate
? msg("Deactivate Workflow") ? msg("Deactivate Workflow")
: msg("Delete Workflow")} : msg("Delete Workflow")}