release: v2.7.2

src/DevTools/DevTools.js

@@ -16,6 +16,7 @@ import extend from 'licia/extend'
 import evalCss from '../lib/evalCss'
 import { isDarkTheme } from '../lib/themes'
 import LunaNotification from 'luna-notification'
+import LunaModal from 'luna-modal'
 import { classPrefix as c } from '../lib/util'
 
 export default class DevTools extends Emitter {
@@ -45,6 +46,7 @@ export default class DevTools extends Emitter {
     this._appendTpl()
     this._initNavBar()
     this._initNotification()
+    this._initModal()
     this._bindEvent()
   }
   show() {
@@ -227,6 +229,7 @@ export default class DevTools extends Emitter {
         </div>
         <div class="tools"></div>
         <div class="notification"></div>
+        <div class="modal"></div>
       </div>
       `)
     )
@@ -249,6 +252,9 @@ export default class DevTools extends Emitter {
       }
     )
   }
+  _initModal() {
+    LunaModal.setContainer(this._$el.find(c('.modal')).get(0))
+  }
   _bindEvent() {
     const $resizer = this._$el.find(c('.resizer'))
     const $navBar = this._$el.find(c('.nav-bar'))

src/eruda.js

@@ -194,9 +194,6 @@ export default {
     const className = 'eruda-style-container'
     const $el = this._$el
 
-    evalCss.container = document.head
-    evalCss(require('luna-modal/luna-modal.css'))
-
     if (this._shadowRoot) {
       evalCss.container = this._shadowRoot
       evalCss(':host { all: initial }')
@@ -212,6 +209,7 @@ export default {
       require('luna-notification/luna-notification.css') + 
       require('luna-data-grid/luna-data-grid.css') +
       require('luna-dom-viewer/luna-dom-viewer.css') +
+      require('luna-modal/luna-modal.css') +
       require('./style/style.scss') +
       require('./style/icon.css')
     )

src/style/luna.scss

@@ -249,13 +249,11 @@
 
 .luna-modal-button-group {
   .luna-modal-secondary {
-    overflow: hidden;
     border-color: var(--border);
     color: var(--foreground);
     background: var(--background);
   }
   .luna-modal-primary {
-    overflow: hidden;
     background: var(--accent);
   }
   .luna-modal-button {