ayo/status-indicator
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: wrap label with span.status-indicator-label; add 0.05rem space on right of icon

Browse source
This commit is contained in:
ayo 2026-05-08 20:06:43 +02:00
parent c5877444e5
commit 940c36245a
1 changed files with 6 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
src/status-indicator.ts
View file

@ -19,16 +19,19 @@ class StatusIndicator extends WebComponent {
get template(): any { get template(): any {
return html` return html`
<div style=${{ <div class="status-indicator-icon" style=${{
display: 'inline-block', display: 'inline-block',
borderRadius: '50%', borderRadius: '50%',
cursor: 'pointer', cursor: 'pointer',
width: '10px', width: '10px',
height: '10px', height: '10px',
backgroundColor: `rgba(${this.#indicatorColor[this.props.status]})` backgroundColor: `rgba(${this.#indicatorColor[this.props.status]})`,
marginRight: '0.05rem'
}} }}
></div> ></div>
<slot></slot> <span class="status-indicator-label">
<slot></slot>
</span>
` `
} }
} }