Commit graph

247 commits

Author SHA1 Message Date
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
mgechev
35f606b8ee build(devtools): revert solution-style tsconfig to align with cli 2020-08-12 18:10:34 +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
mgechev
57418c13f5 feat(devtools): use the user preferred color scheme
Now we set the color scheme of DevTools depending on the user's preferred color scheme. On change of the user's preferred color scheme we reflect the update in DevTools.
2020-07-13 19:33:03 +03:00
mgechev
04e41b3606 build(devtools): update to latest project structure 2020-07-13 19:32:51 +03:00
Renovate Bot
46f842bf92 build(devtools): update angular-framework 2020-06-27 15:11:07 -07: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
Sumit Arora
f6f06365c0 feat(devtools): adding theme toggle button 2020-06-17 10:07:25 -07:00
Sumit Arora
2d843e3d4c style(devtools): apply material styles to application 2020-06-17 10:07:25 -07:00
Sumit Arora
15d43c787d feat(devtools): adding theme service 2020-06-17 10:07:25 -07:00
mgechev
d638f9b172 feat(devtools): update to latest flamegraph 2020-06-02 19:11:19 -07:00
mgechev
06c184aa48 feat(devtools): add animations in the bar chart 2020-05-18 18:21:03 -07:00
mgechev
9170d6ae0b refactor(devtools): remove dependency on ngx-charts 2020-05-18 18:21:03 -07:00
mgechev
3d0aee942e refactor(devtools): vendor dependencies and remove redundancies 2020-05-18 18:21:03 -07:00
Renovate Bot
a29ca902d3 build(devtools): update dependency tslib to v2 2020-05-14 15:20:37 -07:00
mgechev
5c0031d944 fix(devtools): broken virtual scroll layout on resize
Fix rangle/angular-devtools#342
2020-05-11 14:31:34 -07:00
AleksanderBodurri
dd71a52466 feat(devtools): Implement basic configuration UI and use it to toggle Timing API 2020-05-09 18:15:48 -07:00
mgechev
6422b60568 fix(devtools): preserve the expansion status of moved items 2020-05-07 16:25:36 -07:00
mgechev
36f5c2e0c0 fix(devtools): make sure we are not reference dependant 2020-05-07 16:25:36 -07:00
mgechev
ac2cd3757b feat(devtools): introduce streamed visualization of the profiling data 2020-05-07 13:56:31 -07:00
mgechev
a5955930dd fix(devtools): node selection with collapsed nodes 2020-05-06 23:33:00 -04:00
mgechev
9ad12dd3c6 fix(devtools): remove redundant scrollbar 2020-05-06 23:33:00 -04:00