tp-elements/tp-popup
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Make sure a noicon item assignes the full with to the label. Add part for the wrap.

Browse Source
This commit is contained in:
trading_peter
2026-02-12 23:56:34 +01:00
parent 2d009c051e
commit f675a6f394
2 changed files with 7 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
package.json
View File

@@ -1,6 +1,6 @@
{ {
"name": "@tp/tp-popup", "name": "@tp/tp-popup",
"version": "1.2.0", "version": "1.3.0",
"description": "", "description": "",
"main": "tp-popup.js", "main": "tp-popup.js",
"scripts": { "scripts": {

8
tp-popup-menu-item.js
View File

@@ -1,6 +1,6 @@
/** /**
@license @license
Copyright (c) 2024 trading_peter Copyright (c) 2026 trading_peter
This program is available under Apache License Version 2.0 This program is available under Apache License Version 2.0
*/ */
@@ -30,6 +30,10 @@ class TpPopupMenuItem extends LitElement {
color: var(--tp-popup-menu-item-color, #000); color: var(--tp-popup-menu-item-color, #000);
background: var(--tp-popup-menu-item-bg, transparent); background: var(--tp-popup-menu-item-bg, transparent);
} }
.wrap[noicon] {
grid-template-columns: 1fr;
}
` `
]; ];
} }
@@ -38,7 +42,7 @@ class TpPopupMenuItem extends LitElement {
const { icon } = this; const { icon } = this;
return html` return html`
<div class="wrap" ?noicon=${!icon}> <div part="wrap" class="wrap" ?noicon=${!icon}>
${icon ? html` ${icon ? html`
<tp-icon part="icon" .icon=${icon}></tp-icon> <tp-icon part="icon" .icon=${icon}></tp-icon>
` : null} ` : null}