OLD | NEW |
1 <link rel="import" href="../../../../packages/polymer/polymer.html"> | 1 <link rel="import" href="../../../../packages/polymer/polymer.html"> |
2 <link rel="import" href="action_link.html"> | 2 <link rel="import" href="action_link.html"> |
3 <link rel="import" href="observatory_element.html"> | 3 <link rel="import" href="observatory_element.html"> |
4 | 4 |
5 <polymer-element name="nav-bar" extends="observatory-element"> | 5 <polymer-element name="nav-bar" extends="observatory-element"> |
6 <template> | 6 <template> |
7 <link rel="stylesheet" href="css/shared.css"> | 7 <link rel="stylesheet" href="css/shared.css"> |
8 <style> | 8 <style> |
9 nav { | 9 nav { |
10 position: fixed; | 10 position: fixed; |
(...skipping 75 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
86 <a on-click="{{ goto }}" _href="{{ gotoLink(link) }}">{{ anchor }}</a> | 86 <a on-click="{{ goto }}" _href="{{ gotoLink(link) }}">{{ anchor }}</a> |
87 <ul><content></content></ul> | 87 <ul><content></content></ul> |
88 </li> | 88 </li> |
89 <template if="{{ !last }}"> | 89 <template if="{{ !last }}"> |
90 <li class="spacer">></li> | 90 <li class="spacer">></li> |
91 </template> | 91 </template> |
92 | 92 |
93 </template> | 93 </template> |
94 </polymer-element> | 94 </polymer-element> |
95 | 95 |
96 <polymer-element name="nav-menu-item" extends="observatory-element"> | |
97 <template> | |
98 <style> | |
99 li { | |
100 float: none; | |
101 border-top: 1px solid #677; | |
102 border-bottom: 1px solid #556; position: relative; | |
103 } | |
104 li:hover { | |
105 background: #455; | |
106 } | |
107 li ul { | |
108 display: none; | |
109 position: absolute; | |
110 top:0; | |
111 left: 100%; | |
112 list-style: none; | |
113 padding: 0; | |
114 margin-left: 0; | |
115 width: auto; | |
116 z-index: 1000; | |
117 font: 400 16px 'Montserrat', sans-serif; | |
118 color: white; | |
119 background: #567; | |
120 } | |
121 li ul:after { | |
122 content: ""; clear: both; display: block; | |
123 } | |
124 li:hover > ul { | |
125 display: block; | |
126 } | |
127 li a { | |
128 display: block; | |
129 padding: 12px 12px; | |
130 color: white; | |
131 text-decoration: none; | |
132 } | |
133 </style> | |
134 <li><a on-click="{{ goto }}" _href="{{ gotoLink(link) }}">{{ anchor }}</a> | |
135 <ul><content></content></ul> | |
136 </li> | |
137 </template> | |
138 </polymer-element> | |
139 | |
140 <polymer-element name="nav-refresh" extends="observatory-element"> | 96 <polymer-element name="nav-refresh" extends="observatory-element"> |
141 <template> | 97 <template> |
142 <style> | 98 <style> |
143 .active { | 99 .active { |
144 color: #aaa; | 100 color: #aaa; |
145 cursor: wait; | 101 cursor: wait; |
146 } | 102 } |
147 .idle { | 103 .idle { |
148 color: #000; | 104 color: #000; |
149 } | 105 } |
(...skipping 327 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
477 [<a class="link" on-click="{{ goto }}" | 433 [<a class="link" on-click="{{ goto }}" |
478 _href="{{ gotoLink('vm-connect') }}">Connect to a different VM</a>] | 434 _href="{{ gotoLink('vm-connect') }}">Connect to a different VM</a>] |
479 <a class="boxclose" on-click="{{ closeItem }}">×</a> | 435 <a class="boxclose" on-click="{{ closeItem }}">×</a> |
480 </div> | 436 </div> |
481 </template> | 437 </template> |
482 </template> | 438 </template> |
483 </polymer-element> | 439 </polymer-element> |
484 | 440 |
485 | 441 |
486 <script type="application/dart" src="nav_bar.dart"></script> | 442 <script type="application/dart" src="nav_bar.dart"></script> |
OLD | NEW |