Commit graph

259 commits

Author SHA1 Message Date
twerske
ab221badb4 fix(devtools): resize dark mode and cursor 2021-02-05 13:36:08 -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
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
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