diff --git a/src/editor/components/seList.js b/src/editor/components/seList.js
index 2b340c48..e305e6cd 100644
--- a/src/editor/components/seList.js
+++ b/src/editor/components/seList.js
@@ -16,7 +16,7 @@ template.innerHTML = `
}
-
+
@@ -35,16 +35,13 @@ export class SeList extends HTMLElement {
this._shadowRoot.append(template.content.cloneNode(true));
this.$dropdown = this._shadowRoot.querySelector('elix-dropdown-list');
this.$label = this._shadowRoot.querySelector('label');
- if(this.getAttribute('id') === 'tool_font_family') {
- this.$dropdown.style.width = '66px';
- }
}
/**
* @function observedAttributes
* @returns {any} observed
*/
static get observedAttributes () {
- return ['label'];
+ return ['label', 'width', 'height'];
}
/**
@@ -60,6 +57,12 @@ export class SeList extends HTMLElement {
case 'label':
this.$label.textContent = newValue;
break;
+ case 'height':
+ this.$dropdown.style.height = newValue;
+ break;
+ case 'width':
+ this.$dropdown.style.width = newValue;
+ break;
default:
// eslint-disable-next-line no-console
console.error(`unknown attribute: ${name}`);
@@ -81,6 +84,36 @@ export class SeList extends HTMLElement {
set label (value) {
this.setAttribute('label', value);
}
+ /**
+ * @function get
+ * @returns {any}
+ */
+ get width () {
+ return this.getAttribute('width');
+ }
+
+ /**
+ * @function set
+ * @returns {void}
+ */
+ set width (value) {
+ this.setAttribute('width', value);
+ }
+ /**
+ * @function get
+ * @returns {any}
+ */
+ get height () {
+ return this.getAttribute('height');
+ }
+
+ /**
+ * @function set
+ * @returns {void}
+ */
+ set height (value) {
+ this.setAttribute('height', value);
+ }
/**
* @function connectedCallback
* @returns {void}
diff --git a/src/editor/index.html b/src/editor/index.html
index 5592933f..89861a57 100644
--- a/src/editor/index.html
+++ b/src/editor/index.html
@@ -348,19 +348,19 @@
-
+
—
...
- -
- .
- ..
-
+
-
+
