Commit graph

236 commits

Author SHA1 Message Date
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
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
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
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
mgechev
880d1d0ed4 fix(devtools): alignment issue in idle profiler 2020-05-06 23:33:00 -04:00
mgechev
4fc8a075c0 fix(devtools): initialization and popup logic
- Rename the popups and introduce a new one - supported version but no ivy
- Change the initialization logic to reflect the latest profiling updates
2020-05-04 18:33:17 -04:00
AleksanderBodurri
12a3de91ce refactor(devtools): change console log messaging to be more informative without exposing message layer abstractions 2020-04-28 12:23:43 -07:00
AleksanderBodurri
1181e4cadc fix(devtools): remove tree node highlight when a component is selected from the highlighter 2020-04-21 09:51:28 -07:00
AleksanderBodurri
4b9031263f feat(devtools): add ivy check 2020-04-20 12:35:24 -07:00
AleksanderBodurri
b5e95ce468 feat(devtools): inform user that devtools has limited functionality in production mode 2020-04-20 12:35:24 -07:00
AleksanderBodurri
16c485182f build(devtools): fix lint error in devtools component (rangle/angular-devtools#295) 2020-04-17 12:59:38 -07:00
AleksanderBodurri
502ab94003 feat(devtools): remove timeout and add new loading/error state message (rangle/angular-devtools#291) 2020-04-16 13:32:12 -07:00
AleksanderBodurri
0613d7e4f2 build(devtools): add linting to ci (rangle/angular-devtools#285)
* chore: fix lint errors

* build: add linting to ci pipeline
2020-04-15 14:22:49 -07:00
AleksanderBodurri
363f7954c4 feat(devtools): clicking on element with component inspector enabled will select that component in the directive explorer 2020-04-14 15:27:59 -07:00