third_party/ot-br-posix/repo/third_party/mdl/repo/src/menu/snippets/top-right-demo.html

   1 <style>
   2   .demo-menu.demo-menu__top-right .container {
   3     position: relative;
   4     width: 200px;
   5   }
   6   .demo-menu.demo-menu__top-right .background {
   7     background: white;
   8     height: 148px;
   9     width: 100%;
  10   }
  11   .demo-menu.demo-menu__top-right .bar {
  12     box-sizing: border-box;
  13     position: relative;
  14     background: #3F51B5;
  15     color: white;
  16     height: 64px;
  17     width: 100%;
  18     padding: 16px;
  19   }
  20   .demo-menu.demo-menu__top-right .wrapper {
  21     box-sizing: border-box;
  22     position: absolute;
  23     right: 16px;
  24   }
  25 </style>
  26
  27 <div class="container mdl-shadow--2dp">
  28   <div class="background"></div>
  29   <div class="bar">
  30     <div class="wrapper">
  31       {% include "top-right.html" %}
  32     </div>
  33   </div>
  34 </div>