OLD | NEW |
1 // Copyright (c) 2016, the Dart project authors. Please see the AUTHORS file | 1 // Copyright (c) 2016, the Dart project authors. Please see the AUTHORS file |
2 // for details. All rights reserved. Use of this source code is governed by a | 2 // for details. All rights reserved. Use of this source code is governed by a |
3 // BSD-style license that can be found in the LICENSE file. | 3 // BSD-style license that can be found in the LICENSE file. |
4 | 4 |
5 import 'dart:html'; | 5 import 'dart:html'; |
6 import 'dart:async'; | 6 import 'dart:async'; |
7 import 'package:observatory/src/elements/helpers/tag.dart'; | 7 import 'package:observatory/src/elements/helpers/tag.dart'; |
8 import 'package:observatory/src/elements/helpers/rendering_scheduler.dart'; | 8 import 'package:observatory/src/elements/helpers/rendering_scheduler.dart'; |
9 | 9 |
10 class NavBarElement extends HtmlElement implements Renderable { | 10 class NavBarElement extends HtmlElement implements Renderable { |
11 static final StyleElement _style = () { | 11 static final StyleElement _style = () { |
12 var style = new StyleElement(); | 12 var style = new StyleElement(); |
13 style.text = 'nav.nav-bar {' | 13 style.text = 'nav.nav-bar {' |
| 14 'line-height: normal;' |
14 'position: fixed;' | 15 'position: fixed;' |
15 'top: -56px;' | 16 'top: 0;' |
16 'width: 100%;' | 17 'width: 100%;' |
17 'z-index: 1000;' | 18 'z-index: 1000;' |
18 '}' | 19 '}' |
19 'nav.nav-bar > ul {' | 20 'nav.nav-bar > ul {' |
20 'display: inline-table;' | 21 'display: inline-table;' |
21 'position: relative;' | 22 'position: relative;' |
22 'list-style: none;' | 23 'list-style: none;' |
23 'padding-left: 0;' | 24 'padding-left: 0;' |
24 'margin-left: 0;' | 25 'margin: 0;' |
25 'width: 100%;' | 26 'width: 100%;' |
26 'z-index: 1000;' | 27 'z-index: 1000;' |
27 'font: 400 16px \'Montserrat\', sans-serif;' | 28 'font: 400 16px \'Montserrat\', sans-serif;' |
28 'color: white;' | 29 'color: white;' |
29 'background-color: #0489c3;' | 30 'background-color: #0489c3;' |
30 '}' | |
31 'nav.nav-bar:after {' | |
32 'content: ""; clear: both; display: block;' | |
33 '}' | |
34 'nav.nav-bar:before {' | |
35 'height: 40px;' | |
36 'background-color: #0489c3;' | |
37 'content: ""; display: block;' | |
38 '}'; | 31 '}'; |
39 return style; | 32 return style; |
40 }(); | 33 }(); |
41 | 34 |
42 static const tag = const Tag<NavBarElement>('nav-bar'); | 35 static const tag = const Tag<NavBarElement>('nav-bar'); |
43 | 36 |
44 RenderingScheduler _r; | 37 RenderingScheduler _r; |
45 | 38 |
46 Stream<RenderedEvent<NavBarElement>> get onRendered => _r.onRendered; | 39 Stream<RenderedEvent<NavBarElement>> get onRendered => _r.onRendered; |
47 | 40 |
(...skipping 26 matching lines...) Expand all Loading... |
74 ..children = [ | 67 ..children = [ |
75 new UListElement() | 68 new UListElement() |
76 ..children = [ | 69 ..children = [ |
77 new ContentElement() | 70 new ContentElement() |
78 ], | 71 ], |
79 ], | 72 ], |
80 new DivElement() | 73 new DivElement() |
81 ]; | 74 ]; |
82 } | 75 } |
83 } | 76 } |
OLD | NEW |