diff --git a/src/editor/components/seList.js b/src/editor/components/seList.js index 66bbfd17..2b340c48 100644 --- a/src/editor/components/seList.js +++ b/src/editor/components/seList.js @@ -16,7 +16,7 @@ template.innerHTML = ` } - + @@ -35,6 +35,9 @@ 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 diff --git a/src/editor/components/sePalette.js b/src/editor/components/sePalette.js index 4c1097ed..b51f4e59 100644 --- a/src/editor/components/sePalette.js +++ b/src/editor/components/sePalette.js @@ -24,7 +24,7 @@ template.innerHTML = ` }
- +
`; diff --git a/src/editor/components/seSpinInput.js b/src/editor/components/seSpinInput.js index d59c214b..1782865c 100644 --- a/src/editor/components/seSpinInput.js +++ b/src/editor/components/seSpinInput.js @@ -5,9 +5,8 @@ const template = document.createElement('template'); template.innerHTML = ` icon diff --git a/src/editor/svgedit.css b/src/editor/svgedit.css index 850421a3..1fe0e805 100644 --- a/src/editor/svgedit.css +++ b/src/editor/svgedit.css @@ -389,6 +389,7 @@ hr { min-height: 40px; border-bottom: none; overflow: auto; + right:2px; } #tools_top .tool_sep { @@ -646,8 +647,12 @@ input[type=text] { #tools_bottom se-spin-input { float: left; vertical-align: middle; + display:flex; + align-items: center; +} +#tools_bottom elix-dropdown-list{ + width:22px; } - .bottom-icon { width: 22px; }