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

Add styling part

Browse Source
This commit is contained in:
trading_peter 2025-03-07 09:51:31 +01:00
parent 8c26fe50e3
commit e6143d272a
2 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@tp/tp-color-picker", "name": "@tp/tp-color-picker",
"version": "1.1.0", "version": "1.2.0",
"description": "", "description": "",
"main": "tp-color-picker.js", "main": "tp-color-picker.js",
"scripts": { "scripts": {

2
tp-color-picker.js
View File

@ -84,7 +84,7 @@ class TpColorPicker extends FormElement(DomQuery(LitElement)) {
return html` return html`
<tp-popup id="popup" part="popup" @is-open-changed=${e => this.isOpen = e.detail}> <tp-popup id="popup" part="popup" @is-open-changed=${e => this.isOpen = e.detail}>
<div slot="toggle" part="selection" style="${this._showPickedColor(this.value)}"></div> <div slot="toggle" part="selection" style="${this._showPickedColor(this.value)}"></div>
<div slot="content" @click="${this._selectColor}"> <div slot="content" part="selector" @click="${this._selectColor}">
<div class="wrap"> <div class="wrap">
${this.colorList.map(color => html` ${this.colorList.map(color => html`
<div color style="${this._bgColor(color)}"></div> <div color style="${this._bgColor(color)}"></div>