desk-popup-obfuscator.html

<!--
@license
Copyright (c) 2016 The Jviz Project Authors. All rights reserved.
The Jviz Project is under the MIT License. See https://github.com/jviz/jviz/blob/dev/LICENSE
-->

<!-- Import components -->
<link rel="import" href="../polymer/polymer.html">
<link rel="import" href="../jviz/jviz.html">
<link rel="import" href="../jviz-styles/jviz-styles.html">

<!-- Obfuscator element -->
<dom-module id="desk-popup-obfuscator">
  <template>
    <style>
      /* Dialog obfuscator */
      :host
      {
        display: block;
        background-color: var(--jviz-navy);
        opacity: 0.5;
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0px;
        left: 0px;
        z-index: 3000;
      }
    </style>
    <content></content>
  </template>
</dom-module>

<!-- Register the popup obfuscator element -->
<script> Polymer({ is: 'desk-popup-obfuscator' }); </script>