re-add frames

I'm using a deprecated API, but it's replacement `slot` ha no working polyfill yet.
laat · Mar 13, 2016 · f57105a · f57105a
1 parent 357baab
commit f57105a
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 6 deletions.
diff --git a/src/chess-board.html b/src/chess-board.html
@@ -34,11 +34,6 @@
       -ms-transform:rotate(180deg);
       -webkit-transform:rotate(180deg);
     }
-    :host([reverse]) .chessBoard{
-      transform:rotate(180deg);
-      -ms-transform:rotate(180deg);
-      -webkit-transform:rotate(180deg);
-    }
   </style>
   <table class="chessBoard" cellpadding="0" cellspacing="0">
     <tr>

diff --git a/src/chess-board.js b/src/chess-board.js
@@ -1,5 +1,5 @@
 import { ASCIIBoard } from './ascii-chess-board'
-import { template, getPieceClone } from './templates'
+import { template, frameTemplate, getPieceClone } from './templates'
 import { removeNodeContent } from './dom-utils'
 
 class ChessBoard extends HTMLElement {
@@ -11,6 +11,10 @@ class ChessBoard extends HTMLElement {
 
     this._asciiBoard = new ASCIIBoard(this.innerHTML.trim())
     this._board = this._boardRoot.querySelector('.chessBoard')
+
+    this._frameRoot = this.createShadowRoot()
+    this._frameRoot.appendChild(frameTemplate.content.cloneNode(true))
+
     this._renderBoard()
 
     /*