| 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 |