Home | History | Annotate | Download | only in core-header-panel 
      1 /*
      2 Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
      3 This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
      4 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
      5 The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
      6 Code distributed by Google as part of the polymer project is also
      7 subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
      8 */
      9 
     10 :host {
     11   display: block;
     12   position: relative;
     13 }
     14 
     15 #outerContainer {
     16   position: absolute;
     17   top: 0;
     18   right: 0;
     19   bottom: 0;
     20   left: 0;
     21   overflow-y: auto;
     22   overflow-x: hidden;
     23   -webkit-overflow-scrolling: touch;
     24 }
     25 
     26 #mainPanel {
     27   position: relative;
     28 }
     29 
     30 #mainContainer {
     31   position: relative;
     32   overflow-y: auto;
     33   overflow-x: hidden;
     34   -webkit-overflow-scrolling: touch;
     35 }
     36 
     37 #dropShadow {
     38   position: absolute;
     39   top: 0;
     40   left: 0;
     41   right: 0;
     42   height: 6px;
     43   box-shadow: inset 0px 5px 6px -3px rgba(0, 0, 0, 0.4);
     44 }
     45 
     46 #dropShadow.hidden {
     47   display: none;
     48 }
     49 
     50 /*
     51 mode: scroll
     52 */
     53 :host([mode=scroll]) #mainContainer {
     54   overflow: visible;
     55 }
     56 
     57 /*
     58 mode: cover
     59 */
     60 :host([mode=cover]) #mainPanel {
     61   position: static;
     62 }
     63 
     64 :host([mode=cover]) #mainContainer {
     65   position: absolute;
     66   top: 0;
     67   right: 0;
     68   bottom: 0;
     69   left: 0;
     70 }
     71 
     72 :host([mode=cover]) #dropShadow {
     73   position: static;
     74   width: 100%;
     75 }
     76