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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: runtime/bin/vmservice/client/lib/src/elements/nav_bar.html

Issue 262303002: Observatory grab-bag for 1.4 release. (Closed) Base URL: https://dart.googlecode.com/svn/branches/bleeding_edge/dart
Patch Set: gen js Created 6 years, 7 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 | Annotate | Revision Log
« no previous file with comments | « runtime/bin/vmservice/client/lib/src/elements/nav_bar.dart ('k') | runtime/bin/vmservice/client/lib/src/elements/observatory_element.dart » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <head> 1 <head>
2 <link rel="import" href="observatory_element.html"> 2 <link rel="import" href="observatory_element.html">
3 </head> 3 </head>
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="packages/observatory/src/elements/css/shared.cs s"> 7 <link rel="stylesheet" href="packages/observatory/src/elements/css/shared.cs s">
8 <style> 8 <style>
9 nav {
10 position: fixed;
11 width: 100%;
12 z-index: 1000;
13 }
9 nav ul { 14 nav ul {
10 display: inline-table; 15 display: inline-table;
11 position: relative; 16 position: relative;
12 list-style: none; 17 list-style: none;
13 padding-left: 0; 18 padding-left: 0;
14 margin-left: 0; 19 margin-left: 0;
15 width: 100%; 20 width: 100%;
16 z-index: 10; 21 z-index: 1000;
17 font: 400 16px 'Montserrat', sans-serif; 22 font: 400 16px 'Montserrat', sans-serif;
18 color: white; 23 color: white;
19 background-color: #0489c3; 24 background-color: #0489c3;
20 } 25 }
21 nav ul:after { 26 nav ul:after {
22 content: ""; clear: both; display: block; 27 content: ""; clear: both; display: block;
23 } 28 }
29 .vertical-spacer {
30 height: 40px;
31 background-color: #0489c3;
32 }
24 </style> 33 </style>
25 <nav> 34 <nav>
26 <ul> 35 <ul>
27 <content></content> 36 <content></content>
28 </ul> 37 </ul>
29 </nav> 38 </nav>
30 <br> 39 <div class="vertical-spacer">
40 </div>
41 <template if="{{ pad }}">
42 <br>
43 </template>
31 </template> 44 </template>
32 </polymer-element> 45 </polymer-element>
33 46
34 <polymer-element name="nav-menu" extends="observatory-element"> 47 <polymer-element name="nav-menu" extends="observatory-element">
35 <template> 48 <template>
36 <style> 49 <style>
37 .menu, .spacer { 50 .menu, .spacer {
38 float: left; 51 float: left;
39 } 52 }
40 .menu a, .spacer { 53 .menu a, .spacer {
41 display: block; 54 display: block;
42 padding: 12px 8px; 55 padding: 12px 8px;
43 color: White; 56 color: White;
44 text-decoration: none; 57 text-decoration: none;
45 } 58 }
46 .menu:hover { 59 .menu:hover {
47 background: #455; 60 background: #455;
48 } 61 }
49 .menu ul { 62 .menu ul {
50 display: none; 63 display: none;
51 position: absolute; 64 position: absolute;
52 top: 98%; 65 top: 98%;
53 list-style: none; 66 list-style: none;
54 margin: 0; 67 margin: 0;
55 padding: 0; 68 padding: 0;
56 width: auto; 69 width: auto;
57 z-index: 10; 70 z-index: 1000;
58 font: 400 16px 'Montserrat', sans-serif; 71 font: 400 16px 'Montserrat', sans-serif;
59 color: white; 72 color: white;
60 background: #567; 73 background: #567;
61 } 74 }
62 .menu ul:after { 75 .menu ul:after {
63 content: ""; clear: both; display: block; 76 content: ""; clear: both; display: block;
64 } 77 }
65 .menu:hover > ul { 78 .menu:hover > ul {
66 display: block; 79 display: block;
67 } 80 }
(...skipping 22 matching lines...) Expand all
90 } 103 }
91 li ul { 104 li ul {
92 display: none; 105 display: none;
93 position: absolute; 106 position: absolute;
94 top:0; 107 top:0;
95 left: 100%; 108 left: 100%;
96 list-style: none; 109 list-style: none;
97 padding: 0; 110 padding: 0;
98 margin-left: 0; 111 margin-left: 0;
99 width: auto; 112 width: auto;
100 z-index: 10; 113 z-index: 1000;
101 font: 400 16px 'Montserrat', sans-serif; 114 font: 400 16px 'Montserrat', sans-serif;
102 color: white; 115 color: white;
103 background: #567; 116 background: #567;
104 } 117 }
105 li ul:after { 118 li ul:after {
106 content: ""; clear: both; display: block; 119 content: ""; clear: both; display: block;
107 } 120 }
108 li:hover > ul { 121 li:hover > ul {
109 display: block; 122 display: block;
110 } 123 }
(...skipping 43 matching lines...) Expand 10 before | Expand all | Expand 10 after
154 <polymer-element name="top-nav-menu"> 167 <polymer-element name="top-nav-menu">
155 <template> 168 <template>
156 <nav-menu link="#/vm" anchor="Observatory" last="{{ last }}"> 169 <nav-menu link="#/vm" anchor="Observatory" last="{{ last }}">
157 <content></content> 170 <content></content>
158 </nav-menu> 171 </nav-menu>
159 </template> 172 </template>
160 </polymer-element> 173 </polymer-element>
161 174
162 <polymer-element name="isolate-nav-menu" extends="observatory-element"> 175 <polymer-element name="isolate-nav-menu" extends="observatory-element">
163 <template> 176 <template>
164 <nav-menu link="{{ isolate.hashLink }}" anchor="{{ isolate.name }}" last="{{ last }}"> 177 <nav-menu link="{{ hashLinkWorkaround }}" anchor="{{ isolate.name }}" last=" {{ last }}">
165 <nav-menu-item link="{{ isolate.relativeHashLink('stacktrace') }}" 178 <nav-menu-item link="{{ isolate.relativeHashLink('stacktrace') }}"
166 anchor="stack trace"></nav-menu-item> 179 anchor="stack trace"></nav-menu-item>
167 <nav-menu-item link="{{ isolate.relativeHashLink('profile') }}" 180 <nav-menu-item link="{{ isolate.relativeHashLink('profile') }}"
168 anchor="cpu profile"></nav-menu-item> 181 anchor="cpu profile"></nav-menu-item>
169 <nav-menu-item link="{{ isolate.relativeHashLink('allocationprofile') }}" 182 <nav-menu-item link="{{ isolate.relativeHashLink('allocationprofile') }}"
170 anchor="allocation profile"></nav-menu-item> 183 anchor="allocation profile"></nav-menu-item>
171 <nav-menu-item link="{{ isolate.relativeHashLink('heapmap') }}" 184 <nav-menu-item link="{{ isolate.relativeHashLink('heapmap') }}"
172 anchor="heap map"></nav-menu-item> 185 anchor="heap map"></nav-menu-item>
173 <nav-menu-item link="{{ isolate.relativeHashLink('debug/breakpoints') }}" 186 <nav-menu-item link="{{ isolate.relativeHashLink('debug/breakpoints') }}"
174 anchor="breakpoints"></nav-menu-item> 187 anchor="breakpoints"></nav-menu-item>
(...skipping 14 matching lines...) Expand all
189 <polymer-element name="class-nav-menu" extends="observatory-element"> 202 <polymer-element name="class-nav-menu" extends="observatory-element">
190 <template> 203 <template>
191 <nav-menu link="{{ cls.hashLink }}" 204 <nav-menu link="{{ cls.hashLink }}"
192 anchor="{{ cls.name }}" last="{{ last }}"> 205 anchor="{{ cls.name }}" last="{{ last }}">
193 <content></content> 206 <content></content>
194 </nav-menu> 207 </nav-menu>
195 </template> 208 </template>
196 </polymer-element> 209 </polymer-element>
197 210
198 <script type="application/dart" src="nav_bar.dart"></script> 211 <script type="application/dart" src="nav_bar.dart"></script>
OLDNEW
« no previous file with comments | « runtime/bin/vmservice/client/lib/src/elements/nav_bar.dart ('k') | runtime/bin/vmservice/client/lib/src/elements/observatory_element.dart » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698