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

#issue-fix main menu alignment changes

master
Agriya Dev5 2021-01-04 16:24:33 +05:30
parent dc92748b64
commit 62d63b3efd
2 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/editor/components/seMenu.js
View File

@ -17,6 +17,10 @@ template.innerHTML = `
:host ::slotted([current]){
background-color: #F4E284 !important;
}
:host ::slotted(*){
padding: 0.25em 1.25em 0.25em 0.25em !important;
margin: 2px;
}
</style>
<elix-menu-button id="MenuButton" aria-label="Main Menu">

6
src/editor/components/seMenuItem.js
View File

@ -7,9 +7,9 @@ template.innerHTML = `
<style>
</style>
<elix-menu-item>
<div style="display:inline-block;">
<div style="display:flex; align-items: center;">
<img src="./images/logo.svg" alt="icon" style="display:none;" />
<span></span>
<span style="margin-left: 3px;"></span>
</div>
</elix-menu-item>
`;
@ -29,7 +29,7 @@ export class SeMenuItem extends HTMLElement {
this.$label = this._shadowRoot.querySelector('span');
this.$menuitem = this._shadowRoot.querySelector('elix-menu-item');
this.$svg = this.$menuitem.shadowRoot.querySelector('#checkmark');
this.$svg.setAttribute('style', 'width:1px;height:1px;');
this.$svg.setAttribute('style', 'display: none;');
}
/**
* @function observedAttributes