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

Se menu style issue

src/editor/components/seMenu.js

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

src/editor/components/seMenuItem.js

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