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

#issue-fix main menu alignment changes

Browse Source
This commit is contained in:
Agriya Dev5
2021-01-04 16:24:33 +05:30
parent dc92748b64
commit 62d63b3efd
2 changed files with 7 additions and 3 deletions
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]){ :host ::slotted([current]){
background-color: #F4E284 !important; background-color: #F4E284 !important;
} }
:host ::slotted(*){
padding: 0.25em 1.25em 0.25em 0.25em !important;
margin: 2px;
}
</style> </style>
<elix-menu-button id="MenuButton" aria-label="Main Menu"> <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>
</style> </style>
<elix-menu-item> <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;" /> <img src="./images/logo.svg" alt="icon" style="display:none;" />
<span></span> <span style="margin-left: 3px;"></span>
</div> </div>
</elix-menu-item> </elix-menu-item>
`; `;
@@ -29,7 +29,7 @@ export class SeMenuItem extends HTMLElement {
this.$label = this._shadowRoot.querySelector('span'); this.$label = this._shadowRoot.querySelector('span');
this.$menuitem = this._shadowRoot.querySelector('elix-menu-item'); this.$menuitem = this._shadowRoot.querySelector('elix-menu-item');
this.$svg = this.$menuitem.shadowRoot.querySelector('#checkmark'); this.$svg = this.$menuitem.shadowRoot.querySelector('#checkmark');
this.$svg.setAttribute('style', 'width:1px;height:1px;'); this.$svg.setAttribute('style', 'display: none;');
} }
/** /**
* @function observedAttributes * @function observedAttributes