web/elements: fix spacing between chips in chip-group

Signed-off-by: Jens Langhammer <jens.langhammer@beryju.org>

#2030
This commit is contained in:
Jens Langhammer 2021-12-30 22:34:55 +01:00
parent 8ab5c04c2c
commit b6f4d6a5eb
1 changed files with 13 additions and 2 deletions

View File

@ -1,4 +1,4 @@
import { CSSResult, LitElement, TemplateResult, html } from "lit"; import { CSSResult, LitElement, TemplateResult, css, html } from "lit";
import { customElement } from "lit/decorators.js"; import { customElement } from "lit/decorators.js";
import AKGlobal from "../../authentik.css"; import AKGlobal from "../../authentik.css";
@ -12,7 +12,18 @@ import { Chip } from "./Chip";
@customElement("ak-chip-group") @customElement("ak-chip-group")
export class ChipGroup extends LitElement { export class ChipGroup extends LitElement {
static get styles(): CSSResult[] { static get styles(): CSSResult[] {
return [PFBase, PFChip, PFChipGroup, PFButton, AKGlobal]; return [
PFBase,
PFChip,
PFChipGroup,
PFButton,
AKGlobal,
css`
::slotted(*) {
margin: 0 2px;
}
`,
];
} }
set value(v: (string | number | undefined)[]) { set value(v: (string | number | undefined)[]) {