github/svgedit
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

#612 Bottom toolbar has some visual issues

Browse Source
This commit is contained in:
agriyadev5
2021-08-17 15:52:58 +05:30
parent 0b79020a9b
commit a0e0e50e2c
3 changed files with 11 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/editor/components/seExplorerButton.js
View File

@@ -48,7 +48,7 @@ template.innerHTML = `
.button-icon { .button-icon {
} }
.menu { .menu {
position: 'fixed'; position: fixed;
margin-left: 34px; margin-left: 34px;
background: none !important; background: none !important;
display:none; display:none;

2
src/editor/components/seSpinInput.js
View File

@@ -58,6 +58,7 @@ export class SESpinInput extends HTMLElement {
this._shadowRoot = this.attachShadow({ mode: 'open' }); this._shadowRoot = this.attachShadow({ mode: 'open' });
this._shadowRoot.append(template.content.cloneNode(true)); this._shadowRoot.append(template.content.cloneNode(true));
// locate the component // locate the component
this.$div = this._shadowRoot.querySelector('div');
this.$img = this._shadowRoot.querySelector('img'); this.$img = this._shadowRoot.querySelector('img');
this.$label = this.shadowRoot.getElementById('label'); this.$label = this.shadowRoot.getElementById('label');
this.$event = new CustomEvent('change'); this.$event = new CustomEvent('change');
@@ -83,6 +84,7 @@ export class SESpinInput extends HTMLElement {
case 'src': case 'src':
this.$img.setAttribute('src', newValue); this.$img.setAttribute('src', newValue);
this.$label.remove(); this.$label.remove();
this.$div.style.width = '82px';
break; break;
case 'size': case 'size':
// access to the underlying input box // access to the underlying input box

11
src/editor/svgedit.css
View File

@@ -314,7 +314,7 @@ hr {
#tools_bottom { #tools_bottom {
grid-area: bottom; grid-area: bottom;
overflow: scroll; overflow: auto;
display: flex; display: flex;
align-items: center; align-items: center;
} }
@@ -329,7 +329,7 @@ hr {
#tools_left { #tools_left {
grid-area: left; grid-area: left;
border-right: none; border-right: none;
overflow-y: scroll; overflow-y: auto;
} }
/*—————————————————————————————*/ /*—————————————————————————————*/
@@ -583,4 +583,9 @@ ul li.current {
.dropdown li.tool_button { .dropdown li.tool_button {
width: 24px; width: 24px;
} }
/* width */
::-webkit-scrollbar {
width: 3px;
}