blob: fe17a1b452e0f7416ecb8a34548bde0cd3f312d4 [file] [log] [blame]
Dmitrii Filippovdaf0ec92020-03-17 11:27:28 +01001/**
2 * @license
3 * Copyright (C) 2020 The Android Open Source Project
4 *
5 * Licensed under the Apache License, Version 2.0 (the "License");
6 * you may not use this file except in compliance with the License.
7 * You may obtain a copy of the License at
8 *
9 * http://www.apache.org/licenses/LICENSE-2.0
10 *
11 * Unless required by applicable law or agreed to in writing, software
12 * distributed under the License is distributed on an "AS IS" BASIS,
13 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
14 * See the License for the specific language governing permissions and
15 * limitations under the License.
16 */
17import {html} from '@polymer/polymer/lib/utils/html-tag.js';
Becky Siegele5191a52017-06-13 15:19:28 -070018
Dmitrii Filippovdaf0ec92020-03-17 11:27:28 +010019export const htmlTemplate = html`
Becky Siegele5191a52017-06-13 15:19:28 -070020 <style include="shared-styles">
21 #nav {
Kasper Nilsson8add6732018-04-16 11:52:50 +020022 background-color: var(--table-header-background-color);
Kasper Nilssonc8280982018-04-11 15:32:06 -070023 border: 1px solid var(--border-color);
Becky Siegele5191a52017-06-13 15:19:28 -070024 border-top: none;
Becky Siegel9aeb6162017-06-20 16:43:11 -070025 height: 100%;
Becky Siegele5191a52017-06-13 15:19:28 -070026 position: absolute;
27 top: 0;
28 width: 14em;
29 }
30 #nav.pinned {
31 position: fixed;
32 }
Becky Siegele5191a52017-06-13 15:19:28 -070033 @media only screen and (max-width: 53em) {
34 #nav {
35 display: none;
36 }
37 }
38 </style>
39 <nav id="nav">
Paladox noned6a6a8b2017-11-10 18:57:08 +000040 <slot></slot>
Becky Siegele5191a52017-06-13 15:19:28 -070041 </nav>
Dmitrii Filippovdaf0ec92020-03-17 11:27:28 +010042`;