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

Merge pull request #20 from OptimistikSAS/se-menu-style-issue

Browse Source 
Se menu style issue
This commit is contained in:
JFH
2020-12-08 19:14:29 +01:00
committed by GitHub
parent f349540ec4 60c6071a0f
commit 4908f49418
2 changed files with 6 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -14,6 +14,9 @@ template.innerHTML = `
elix-menu-button::part(popup-toggle) { elix-menu-button::part(popup-toggle) {
padding: 0.25em 0.60em !important padding: 0.25em 0.60em !important
} }
:host ::slotted([current]){
background-color: #F4E284 !important;
}
</style> </style>
<elix-menu-button id="MenuButton" aria-label="Main Menu"> <elix-menu-button id="MenuButton" aria-label="Main Menu">

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

@@ -7,7 +7,7 @@ template.innerHTML = `
<style> <style>
</style> </style>
<elix-menu-item> <elix-menu-item>
<div> <div style="display:inline-block;">
<img src="" alt="icon" style="display:none;" /> <img src="" alt="icon" style="display:none;" />
<span></span> <span></span>
</div> </div>
@@ -28,6 +28,8 @@ export class SeMenuItem extends HTMLElement {
this.$img = this._shadowRoot.querySelector('img'); this.$img = this._shadowRoot.querySelector('img');
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.setAttribute('style', 'width:1px;height:1px;');
} }
/** /**
* @function observedAttributes * @function observedAttributes