Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(154)

Side by Side Diff: runtime/observatory/lib/src/elements/nav_bar.html

Issue 2160123002: Converted Observatory nav-menu-item element (Closed) Base URL: git@github.com:dart-lang/sdk.git@master
Patch Set: Converted from single to triple quotes Created 4 years, 5 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
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
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">&gt;</li> 90 <li class="spacer">&gt;</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
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 }}">&times;</a> 435 <a class="boxclose" on-click="{{ closeItem }}">&times;</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>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698