diff options
Diffstat (limited to 'polygerrit-ui/app/elements/shared/gr-fixed-panel/gr-fixed-panel.html')
| -rw-r--r-- | polygerrit-ui/app/elements/shared/gr-fixed-panel/gr-fixed-panel.html | 50 |
1 files changed, 50 insertions, 0 deletions
diff --git a/polygerrit-ui/app/elements/shared/gr-fixed-panel/gr-fixed-panel.html b/polygerrit-ui/app/elements/shared/gr-fixed-panel/gr-fixed-panel.html new file mode 100644 index 0000000000..a1c80ae39a --- /dev/null +++ b/polygerrit-ui/app/elements/shared/gr-fixed-panel/gr-fixed-panel.html @@ -0,0 +1,50 @@ +<!-- +Copyright (C) 2017 The Android Open Source Project + +Licensed under the Apache License, Version 2.0 (the "License"); +you may not use this file except in compliance with the License. +You may obtain a copy of the License at + +http://www.apache.org/licenses/LICENSE-2.0 + +Unless required by applicable law or agreed to in writing, software +distributed under the License is distributed on an "AS IS" BASIS, +WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. +See the License for the specific language governing permissions and +limitations under the License. +--> + +<link rel="import" href="../../../bower_components/polymer/polymer.html"> +<link rel="import" href="../../../styles/shared-styles.html"> + +<dom-module id="gr-fixed-panel"> + <template> + <style include="shared-styles"> + :host { + display: block; + min-height: var(--header-height); + position: relative; + } + header { + background: inherit; + border: inherit; + display: inline; + height: inherit; + } + .floating { + left: 0; + position: fixed; + width: 100%; + will-change: top; + } + .fixedAtTop { + border-bottom: 1px solid #a4a4a4; + box-shadow: 0 4px 4px rgba(0,0,0,0.1); + } + </style> + <header id="header" class$="[[_computeHeaderClass(_headerFloating, _topLast)]]"> + <content></content> + </header> + </template> + <script src="gr-fixed-panel.js"></script> +</dom-module> |