trustchain-oc1-orchestral
/
authentik
Archived
10
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

web/user: fix search input styling (#5745) 

Signed-off-by: Jens Langhammer <jens@goauthentik.io>
This commit is contained in:
Jens L 2023-05-24 21:50:35 +02:00 committed by GitHub
parent 7c9659dd24
commit 22ee587e9f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 19 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
web/src/user/LibraryPage/ApplicationSearch.ts
View File

@ -4,7 +4,7 @@ import Fuse from "fuse.js";
import { t } from "@lingui/macro"; import { t } from "@lingui/macro";
import { html } from "lit"; import { css, html } from "lit";
import { customElement, property, query } from "lit/decorators.js"; import { customElement, property, query } from "lit/decorators.js";
import { ifDefined } from "lit/directives/if-defined.js"; import { ifDefined } from "lit/directives/if-defined.js";
@ -18,7 +18,24 @@ import { customEvent } from "./helpers";
@customElement("ak-library-list-search") @customElement("ak-library-list-search")
export class LibraryPageApplicationList extends AKElement { export class LibraryPageApplicationList extends AKElement {
static styles = [PFBase, PFDisplay]; static styles = [
PFBase,
PFDisplay,
css`
input {
width: 30ch;
box-sizing: border-box;
border: 0;
border-bottom: 1px solid;
border-bottom-color: var(--ak-accent);
background-color: transparent;
font-size: 1.5rem;
}
input:focus {
outline: 0;
}
`,
];
@property() @property()
apps: Application[] = []; apps: Application[] = [];