polymer-ui-overlay: don't style <content>, fix backdrop when

transitioning
googlearchive · Nov 6, 2013 · e831ea6 · e831ea6
1 parent 48194a7
commit e831ea6
Showing 1 changed file with 5 additions and 6 deletions.
diff --git a/polymer-ui-overlay/polymer-ui-overlay.html b/polymer-ui-overlay/polymer-ui-overlay.html
@@ -11,16 +11,15 @@
         bottom: 0;
         right: 0;
         z-index: -1;
+        visibility: hidden;
       }
-      #container {
-        background: white;
+      :host(.polymer-overlay.opened:not(.animating)) #backdrop {
+        visibility: visible;
       }
     </style>
     <polymer-overlay id="overlay" opened="{{active}}" autoCloseDisabled="{{modal}}" transitions="{{transitions}}"></polymer-overlay>
-    <div id="backdrop" hidden?="{{!backdrop}}" pseudo="x-backdrop" on-click="{{toggle: !modal}}"></div>
-    <div id="container" pseudo="x-overlay">
-      <content></content>
-    </div>
+    <div id="backdrop" hidden?="{{!backdrop}}" on-click="{{toggle: !modal}}"></div>
+    <content></content>
   </template>
   <script>
     Polymer('polymer-ui-overlay', {