js/webawesome
1
0
Fork 0
mirror of https://github.com/shoelace-style/webawesome.git synced 2026-01-12 04:09:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix tag sizes (#1062)

Browse Source
This commit is contained in:
Lindsay M
2025-06-23 10:30:01 -04:00
committed by GitHub
parent d20945d78b
commit 81996cbc63
2 changed files with 21 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
packages/webawesome/src/components/tag/tag.css
View File

@@ -1,21 +1,23 @@
:host {
display: inline-flex;
gap: 0.5em;
border-radius: var(--wa-border-radius-m);
align-items: center;
background-color: var(--background-color, var(--wa-color-fill-quiet));
border-color: var(--border-color, transparent);
border-style: var(--wa-border-style);
border-width: var(--wa-border-width-s);
color: var(--text-color, var(--wa-color-on-normal));
font-size: inherit;
line-height: 1;
white-space: nowrap;
user-select: none;
-webkit-user-select: none;
height: calc(var(--wa-form-control-height) * 0.8);
line-height: calc(var(--wa-form-control-height) - var(--wa-form-control-border-width) * 2);
padding: 0 0.75em;
@layer wa-component {
:host {
display: inline-flex;
gap: 0.5em;
border-radius: var(--wa-border-radius-m);
align-items: center;
background-color: var(--background-color, var(--wa-color-fill-quiet));
border-color: var(--border-color, transparent);
border-style: var(--wa-border-style);
border-width: var(--wa-border-width-s);
color: var(--text-color, var(--wa-color-on-normal));
font-size: inherit;
line-height: 1;
white-space: nowrap;
user-select: none;
-webkit-user-select: none;
height: calc(var(--wa-form-control-height) * 0.8);
line-height: calc(var(--wa-form-control-height) - var(--wa-form-control-border-width) * 2);
padding: 0 0.75em;
}
}
.content {

2
packages/webawesome/src/components/tag/tag.ts
View File

@@ -28,7 +28,7 @@ import styles from './tag.css';
*/
@customElement('wa-tag')
export default class WaTag extends WebAwesomeElement {
static css = [sizeStyles, variantStyles, appearanceStyles, styles];
static css = [styles, variantStyles, sizeStyles, appearanceStyles];
private readonly localize = new LocalizeController(this);