Commit graph

250 commits

Author SHA1 Message Date
Sumit Arora
f28dae22ec feat(devtools): adding router tree 2021-03-01 15:10:35 -08:00
AleksanderBodurri
daf2b614ca test(devtools): add breadcrumb scroll button tests 2021-03-01 15:09:35 -08:00
AleksanderBodurri
2b1c7fb568 feat(devtools): create scroll buttons for breadcrumb feature 2021-03-01 15:09:35 -08:00
AleksanderBodurri
19ce8a6e9e fix(devtools): prevent circular dependency between directive-property-resolver and property-data-source 2021-02-24 13:13:10 -08:00
twerske
f08eaabb25 fix(devtools): theming of profiler tab 2021-02-22 14:36:13 -08:00
AleksanderBodurri
774e662b11 fix(devtools): bump up the split pane gutter size for the profiler split pane and hide the icon 2021-02-17 15:33:43 -08:00
AleksanderBodurri
c9f0ac1dc7 refactor(devtools): clean up mat-tab csss 2021-02-14 15:36:44 -08:00
AleksanderBodurri
6b6e25e110 refactor(devtools): swap svg for mat-icon 2021-02-14 15:35:10 -08:00
AleksanderBodurri
21454e07a8 feat(devtools): implement invisible gutter technique from chrome devtools 2021-02-14 15:34:47 -08:00
mgechev
7a59606aaa fix(devtools): set proper height of the tree nodes 2021-01-29 14:32:50 -08:00
twerske
8c92af6905 fix(devtools): color and font sizes and other visuals 2021-01-27 19:46:46 -08:00
AleksanderBodurri
92679792e0 fix(devtools): fix case where the state of the change detection checkbox in the flamegraph is lost when the component is destroyed 2021-01-26 16:03:49 -08:00
twerske
d28e601bd4 fix(devtools): align theme to other Chrome DevTools
fixes rangle/angular-devtools#489 contrast issue
fixes rangle/angular-devtools#594 double scrolling
changes colors to follow Chrome DevTools tabs (first pass)
2021-01-26 16:02:33 -08:00
AleksanderBodurri
b552687298 feat(devtools): Allow ctrl/meta click to select/deselect multiple frames 2021-01-07 16:54:28 -08:00
AleksanderBodurri
5b3ecb3ea2 feat(devtools): scroll profiler frame info tab independently of active visualizer 2021-01-07 16:53:38 -08:00
mgechev
5ef4bca194 fix(devtools): set proper directive item and explorer height
Fix rangle/angular-devtools#551
2020-12-16 16:17:41 +02:00
mgechev
a8a17df3af feat(devtools): highlight element when hovering the breadcrumbs
Close rangle/angular-devtools#552
2020-12-16 02:37:10 +02:00
mgechev
7dc1a35a62 feat(devtools): sort directive properties by name 2020-12-14 22:42:00 -05:00
AleksanderBodurri
dbcf91bbe0 feat(devtools): allow user to click on component properties of type HTMLElement to inspect the element in the browser 2020-10-12 19:59:48 +03:00
AleksanderBodurri
8f8268ff1e feat(devtools): add dark mode styling to flame graph rectangle strokes 2020-09-14 16:54:19 +03:00
AleksanderBodurri
a10a18b88b refactor(devtools): remove unused color scheme object 2020-09-14 16:54:19 +03:00
mgechev
224cc433dd test(devtools): add tests for the frame merge algorithm 2020-08-28 16:29:05 +03:00
mgechev
3d9ac47d12 feat(devtools): merge frames in the range 2020-08-28 16:29:05 +03:00
mgechev
a5a942b732 feat(devtools): add selection of multiple frames with shift 2020-08-28 16:29:05 +03:00
mgechev
25016b8810 feat(devtools): add multiple frame selection pointers 2020-08-28 16:29:05 +03:00
Emma Twersky
2aaa03a50d fix(devtools): fixed height for controls on flame graph and save button (rangle/angular-devtools#470)
Co-authored-by: Emma Twersky <emmatwersky@google.com>
2020-08-25 14:23:39 +03:00
Minko Gechev
0169295122 fix(devtools): linting errors to prevent ci failing (rangle/angular-devtools#469) 2020-08-25 14:22:58 +03:00
Emma Twersky
3633be9875 fix(devtools): Style Changes to Profiler, general color scheme, controls & responsiveness (rangle/angular-devtools#468)
* make angular version number copyable

* Make version selectable

* change instructions and icons in profiler

* make font size responsive

* fix: move checkbox to control panel

* fix: change loading indicator to match style

* fix: profiler tab style of graphs

* fix: version responsive to size

* fix: version colors

* fix: flame graph colors and change detection

Co-authored-by: Emma Twersky <emmatwersky@google.com>
2020-08-24 23:19:37 +03:00
Emma Twersky
67faf7710c fix(devtools): small improvements to Properties Details view (rangle/angular-devtools#455)
* change cursor to indicate editable feild

* add decorator to input/output in details view

* fix space conventions

Co-authored-by: Emma Twersky <emmatwersky@google.com>
2020-08-21 20:43:59 +03:00
Emma Twersky
a0ba7f7762 fix(devtools): fix all remaining component tab color issues (rangle/angular-devtools#458) 2020-08-21 18:57:46 +03:00
Emma Twersky
c87d30eca5 fix(devtools): change colors (rangle/angular-devtools#453)
* change colors - full accessibility on contrast WCAG AAA

* small font size fix

Co-authored-by: Emma Twersky <emmatwersky@google.com>
2020-08-19 00:48:58 +03:00
AleksanderBodurri
21ccdc1c62 fix(devtools): remove obsolete hover css that is causing contrast issues in dark mode and set the header height to match the new search filter height for consistency 2020-08-11 21:19:08 +03:00
AleksanderBodurri
db449b531d fix(devtools): unsubscribe from file upload Subscription instead of Subject 2020-08-10 18:35:47 +03:00
AleksanderBodurri
d8b62cbc5b refactor(devtools): export profile to a filename that more closely follows chrome devtools profile exports 2020-08-10 18:35:47 +03:00
AleksanderBodurri
50723bf1db fix(devtools): ensure that the dark mode toggle button reflects the current theme on load
Previously this button would appear toggled independent of the current theme. This caused the button to appear to be untoggled in the case when angular devtools detected darkmode in chrome devtools.
2020-08-10 18:33:16 +03:00
AleksanderBodurri
e077e7d1a9 refactor(devtools): remove experimental label from the timing API 2020-08-10 18:33:16 +03:00
AleksanderBodurri
b3fcc8b408 fix(devtools): prevent ng-deep component styling from leaking to child components
Previously this css was causing a styling error in the profiler visualization menu panel
2020-08-10 18:33:16 +03:00
AleksanderBodurri
83f41800cf feat(devtools): increase gutter width to 2.5px
Previously it was too difficult to see and interact with the split gutter.
2020-08-09 23:14:29 -04:00
mgechev
9b8e170927 refactor(devtools): remove important directives and move style overrides
This PR introduces the following improvements:
- We no longer override styles using the global `styles.scss`. This way we can leak override and have unexpected behavior.
- This allows us to remove the `!important` directives, which are considered bad practice.
- Few fixes in the contrast for some elements.
2020-07-13 21:40:22 +03:00
Sumit Arora
07affb443d style(devtools): styling graphs 2020-06-17 10:07:25 -07:00
Sumit Arora
2e0482ada6 style(devtools): implementing dark mode 2020-06-17 10:07:25 -07:00
Sumit Arora
f7ade259fe fix(devtools): fixing code review comments 2020-06-17 10:07:25 -07:00
Sumit Arora
84c51ce5de style(devtools): seting input filter colors 2020-06-17 10:07:25 -07:00
Sumit Arora
f69d79c3e9 style(devtools): seting directive forest colors 2020-06-17 10:07:25 -07:00
Sumit Arora
c29c041ec8 feat(devtools): themeing breadcrums 2020-06-17 10:07:25 -07:00
Sumit Arora
4add5238dd feat(devtools): adding material toolbar 2020-06-17 10:07:25 -07:00
Sumit Arora
821114caeb style(devtools): overriding default styles 2020-06-17 10:07:25 -07:00
Sumit Arora
8e4b6c732d style(devtools): removing default radius 2020-06-17 10:07:25 -07:00
Sumit Arora
ee97a1d38a style(devtools): styling metadata links 2020-06-17 10:07:25 -07:00
Sumit Arora
18845232fa style(devtools): styling devtools tab header bar 2020-06-17 10:07:25 -07:00