Commit graph

347 commits

Author SHA1 Message Date
Renovate Bot
5dec59bd99 build(devtools): update angular-framework 2020-11-20 16:25:35 +02: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
mgechev
1613d6274a style(devtools): fix linting errors 2020-10-06 02:20:39 +03:00
mgechev
26f8808f4b refactor(devtools): remove MutationObserver and rename observer to execution hooks 2020-10-06 02:20:39 +03:00
mgechev
ffb46bdc3c fix(devtools): lview parsing when trying to get data from an option
Fix rangle/angular-devtools#513
2020-10-06 01:13:02 +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
mgechev
7c0d6c06e4 fix(devtools): enable the profiler even without zone available 2020-08-27 19:20:12 +03:00
mgechev
fd711e51d7 feat(devtools): add demo app which does not use zones 2020-08-27 19:20:12 +03:00
mgechev
199745fd6c fix(devtools): handle lifecycle hooks of only components & directives 2020-08-27 12:50:36 +03:00
mgechev
b7c003f76a refactor(devtools): remove unused default value 2020-08-27 12:50:36 +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
21eb190f74 feat(devtools): move highlighter placement - no more overlap (rangle/angular-devtools#451) 2020-08-19 00:52:13 +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
1af8f55922 build(devtools): update extension version 2020-08-12 18:10:34 +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
mgechev
0e10241b5c fix(devtools): set extension icon and popup only on DevTools background message
The script handles messages globally, for all extensions running on the page. I this case, we don't want to do anything if the message does not come from Angular DevTools itself.
2020-08-11 21:18:48 +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
f9a5069e94 fix(devtools): use theming in chrome extension 2020-07-13 21:39:58 +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