Chromium Code Reviews| OLD | NEW |
|---|---|
| 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="css/shared.css" /> | |
| 7 <style> | 8 <style> |
| 8 nav ul { | 9 nav ul { |
| 9 display: inline-table; | 10 display: inline-table; |
| 10 position: relative; | 11 position: relative; |
| 11 list-style: none; | 12 list-style: none; |
| 12 padding-left: 0; | 13 padding-left: 0; |
| 13 margin-left: 0; | 14 margin-left: 0; |
| 14 width: 100%; | 15 width: 100%; |
| 15 z-index: 10; | 16 z-index: 10; |
| 16 font: 400 16px 'Montserrat', sans-serif; | 17 font: 400 16px 'Montserrat', sans-serif; |
| (...skipping 23 matching lines...) Expand all Loading... | |
| 40 padding: 12px 8px; | 41 padding: 12px 8px; |
| 41 color: White; | 42 color: White; |
| 42 text-decoration: none; | 43 text-decoration: none; |
| 43 } | 44 } |
| 44 .menu:hover { | 45 .menu:hover { |
| 45 background: #455; | 46 background: #455; |
| 46 } | 47 } |
| 47 .menu ul { | 48 .menu ul { |
| 48 display: none; | 49 display: none; |
| 49 position: absolute; | 50 position: absolute; |
| 50 top: 100%; | 51 top: 98%; |
|
turnidge
2014/04/17 20:18:54
I wonder how this will look on mac.
| |
| 51 list-style: none; | 52 list-style: none; |
| 53 margin: 0; | |
| 52 padding: 0; | 54 padding: 0; |
| 53 margin-left: 0; | |
| 54 width: auto; | 55 width: auto; |
| 55 z-index: 10; | 56 z-index: 10; |
| 56 font: 400 16px 'Montserrat', sans-serif; | 57 font: 400 16px 'Montserrat', sans-serif; |
| 57 color: white; | 58 color: white; |
| 58 background: #567; | 59 background: #567; |
| 59 } | 60 } |
| 60 .menu ul:after { | 61 .menu ul:after { |
| 61 content: ""; clear: both; display: block; | 62 content: ""; clear: both; display: block; |
| 62 } | 63 } |
| 63 .menu:hover > ul { | 64 .menu:hover > ul { |
| (...skipping 96 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
| 160 <polymer-element name="isolate-nav-menu" extends="observatory-element"> | 161 <polymer-element name="isolate-nav-menu" extends="observatory-element"> |
| 161 <template> | 162 <template> |
| 162 <nav-menu link="{{ isolate.hashLink }}" anchor="{{ isolate.name }}" last="{{ last }}"> | 163 <nav-menu link="{{ isolate.hashLink }}" anchor="{{ isolate.name }}" last="{{ last }}"> |
| 163 <nav-menu-item link="{{ isolate.relativeHashLink('stacktrace') }}" | 164 <nav-menu-item link="{{ isolate.relativeHashLink('stacktrace') }}" |
| 164 anchor="stack trace"></nav-menu-item> | 165 anchor="stack trace"></nav-menu-item> |
| 165 <nav-menu-item link="{{ isolate.relativeHashLink('profile') }}" | 166 <nav-menu-item link="{{ isolate.relativeHashLink('profile') }}" |
| 166 anchor="cpu profile"></nav-menu-item> | 167 anchor="cpu profile"></nav-menu-item> |
| 167 <nav-menu-item link="{{ isolate.relativeHashLink('allocationprofile') }}" | 168 <nav-menu-item link="{{ isolate.relativeHashLink('allocationprofile') }}" |
| 168 anchor="heap profile"></nav-menu-item> | 169 anchor="heap profile"></nav-menu-item> |
| 169 <nav-menu-item link="{{ isolate.relativeHashLink('heapmap') }}" | 170 <nav-menu-item link="{{ isolate.relativeHashLink('heapmap') }}" |
| 170 anchor="heap map"></nav-menu-item> | 171 anchor="heap map"></nav-menu-item> |
| 171 <nav-menu-item link="{{ isolate.relativeHashLink('debug/breakpoints') }}" | 172 <nav-menu-item link="{{ isolate.relativeHashLink('debug/breakpoints') }}" |
| 172 anchor="breakpoints"></nav-menu-item> | 173 anchor="breakpoints"></nav-menu-item> |
| 173 <content></content> | 174 <content></content> |
| 174 </nav-menu> | 175 </nav-menu> |
| 175 </template> | 176 </template> |
| 176 </polymer-element> | 177 </polymer-element> |
| 177 | 178 |
| 178 <polymer-element name="library-nav-menu" extends="observatory-element"> | 179 <polymer-element name="library-nav-menu" extends="observatory-element"> |
| 179 <template> | 180 <template> |
| 180 <nav-menu link="{{ library.hashLink }}" | 181 <nav-menu link="{{ library.hashLink }}" |
| 181 anchor="{{ library.name }}" last="{{ last }}"> | 182 anchor="{{ library.name }}" last="{{ last }}"> |
| 182 <content></content> | 183 <content></content> |
| 183 </nav-menu> | 184 </nav-menu> |
| 184 </template> | 185 </template> |
| 185 </polymer-element> | 186 </polymer-element> |
| 186 | 187 |
| 187 <polymer-element name="class-nav-menu" extends="observatory-element"> | 188 <polymer-element name="class-nav-menu" extends="observatory-element"> |
| 188 <template> | 189 <template> |
| 189 <nav-menu link="{{ cls.hashLink }}" | 190 <nav-menu link="{{ cls.hashLink }}" |
| 190 anchor="{{ cls.name }}" last="{{ last }}"> | 191 anchor="{{ cls.name }}" last="{{ last }}"> |
| 191 <content></content> | 192 <content></content> |
| 192 </nav-menu> | 193 </nav-menu> |
| 193 </template> | 194 </template> |
| 194 </polymer-element> | 195 </polymer-element> |
| 195 | 196 |
| 196 <script type="application/dart" src="nav_bar.dart"></script> | 197 <script type="application/dart" src="nav_bar.dart"></script> |
| OLD | NEW |