habsi/authentik
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

web: replace spaces after icons with nbsp

Browse Source 
Signed-off-by: Jens Langhammer <jens.langhammer@beryju.org>
This commit is contained in:
Jens Langhammer
2021-04-04 18:58:52 +02:00
parent d4982b276c
commit e2f01ce740
18 changed files with 205 additions and 155 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
web/src/elements/Page.ts
View File

@ -14,7 +14,7 @@ export abstract class Page extends LitElement {
return html`<section class="pf-c-page__main-section pf-m-light">
<div class="pf-c-content">
<h1>
<i class="${this.pageIcon()}"></i>
<i class="${this.pageIcon()}"></i>&nbsp;
${t`${this.pageTitle()}`}
</h1>
${description ? html`<p>${t`${description}`}</p>` : html``}

2
web/src/elements/cards/AggregateCard.ts
View File

@ -46,7 +46,7 @@ export class AggregateCard extends LitElement {
return html`<div class="pf-c-card pf-c-card-aggregate">
<div class="pf-c-card__header pf-l-flex pf-m-justify-content-space-between">
<div class="pf-c-card__header-main">
<i class="${ifDefined(this.icon)}"></i> ${this.header ? this.header : ""}
<i class="${ifDefined(this.icon)}"></i>&nbsp;${this.header ? this.header : ""}
</div>
${this.renderHeaderLink()}
</div>

2
web/src/elements/cards/AggregatePromiseCard.ts
View File

@ -14,7 +14,7 @@ export class AggregatePromiseCard extends AggregateCard {
return new Promise<TemplateResult>(() => html``);
}
return this.promise.then(s => {
return html`<i class="fa fa-check-circle"></i> ${s.toString()}`;
return html`<i class="fa fa-check-circle"></i>&nbsp;${s.toString()}`;
});
}

2
web/src/elements/table/Table.ts
View File

@ -199,7 +199,7 @@ export abstract class Table<T> extends LitElement {
this.expandedRows[idx] = !this.expandedRows[idx];
this.requestUpdate();
}}>
<div class="pf-c-table__toggle-icon"> <i class="fas fa-angle-down" aria-hidden="true"></i> </div>
<div class="pf-c-table__toggle-icon">&nbsp;<i class="fas fa-angle-down" aria-hidden="true"></i>&nbsp;</div>
</button>
</td>` : html``}
${this.row(item).map((col) => {