hawkgs
1cb2e6bf5b
feat(devtools): improve value highlighting in object previews
...
Introduce a more fine-grained value preview highlighting based on the property type in the `ng-object-tree-explorer`.
2026-05-05 17:06:41 -07:00
hawkgs
dc174d1053
refactor(devtools): introduce prop-actions-menu
...
Implement a context menu and add it to each property in the properties pane in order to optimize the available space by consolidating the action buttons of property items with multiple of them. Property items with a single action will retain their original behavior where the action button is directly available to click right after the displayed value.
2026-03-16 12:07:32 -06:00
hawkgs
ed3dc10fea
refactor(devtools): fix browser-specific styles infra
...
Fix browser-specific styles infrastructure. PR #62786 cleans up part of the code, but there are still services that attempt to load these stylesheets on `main`.
2026-03-09 10:21:51 -07:00
hawkgs
e66aeac8d0
refactor(devtools): style the profiler dialogs to match the current design
...
Decrease the font size and tone down the paddings and margins. Use `ng-button` instead of `mat-button`.
2026-01-09 08:23:18 -08:00
hawkgs
aee536c8ca
refactor(devtools): improve the look of app state screens
...
Improve the look of "app not detected", "unsupported version" and "prod app not supported" screens.
2025-12-12 08:04:50 -08:00
Georgi Serev
cd0e96c1d0
fix(devtools): router tree details table data
...
Introduce layout fixes and use dedicated buttons for the view source and navigate actions.
2025-11-05 17:07:18 +00:00
Matthieu Riegler
e40307803a
refactor(devtools): visual separation between directives in the property tab ( #64222 )
...
also a drive by clean-up to remove some `ng-deep` stylings
PR Close #64222
2025-10-03 15:05:50 +00:00
hawkgs
d476f881af
fix(devtools): minor UI issues in transfer state tab ( #63810 )
...
Fix some Material-related table regressions and change some font sizes.
PR Close #63810
2025-09-15 15:48:26 +00:00
hawkgs
c0bfe23bc9
refactor(devtools): save theme preference ( #63050 )
...
Save the theme preference in the settings store.
PR Close #63050
2025-08-08 08:58:14 -07:00
Milo
3f720044f9
refactor(devtools): cleanup a few devtools bazel files ( #62786 )
...
remove unused styles, update to es2022
PR Close #62786
2025-07-25 10:03:42 +02:00
hawkgs
009a27df3f
refactor(devtools): make the component metadata menu more prominent ( #62685 )
...
Add an arrow icon to indicate that this is an expansion panel. Reduce the active area (which toggles the menu) to the text only.
PR Close #62685
2025-07-21 12:21:55 -04:00
hawkgs
d3b770d636
refactor(devtools): restyle the signal details panel ( #62681 )
...
Restyle the details panel to match and be inline with the existing UI/style.
PR Close #62681
2025-07-18 07:00:57 -04:00
Joey Perrott
5eeb9f3e7e
build: move all rule/macro loading into devtools/defaults.bzl ( #62627 )
...
Move all of our loading into a local defaults.bzl file instead of mixed loading via tools/defaults and devtolls/defaults
PR Close #62627
2025-07-14 15:47:05 -07:00
Milo
1de7ab28b4
fix(devtools): fix some build errors from g3 typescript ( #62412 )
...
this avoids some issues with casting types
PR Close #62412
2025-07-11 10:35:22 -07:00
hawkgs
c75a88f863
fix(devtools): make font sizes consistent ( #62575 )
...
Fix the inconsistent font sizes that are result of Material changes.
PR Close #62575
2025-07-10 10:29:15 -07:00
hawkgs
2a992dd641
refactor(devtools): cleanup Material leftovers ( #62575 )
...
Cleanup some Material leftovers and drop some redundant markup.
PR Close #62575
2025-07-10 10:29:14 -07:00
hawkgs
85e387a090
refactor(devtools): unify table styles ( #62466 )
...
Make tabular data styles consistent across the app, whether that's a native or Material table.
PR Close #62466
2025-07-07 15:24:24 +00:00
hawkgs
e7ff105646
refactor(devtools): convert all inputs to .ng-input ( #62376 )
...
Use the newly introduced input design for all inputs across the app.
PR Close #62376
2025-06-30 13:46:07 +00:00
Joey Perrott
1d3449c0ce
build: migrate devtools to use new sass ruleset ( #62297 )
...
Use the new sass ruleset for bazel sass building in devtools
PR Close #62297
2025-06-27 09:25:43 +00:00
hawkgs
505da620ff
refactor(devtools): refine and improve the new profiler layout ( #62215 )
...
Improve the styles and the components' layout in general.
PR Close #62215
2025-06-24 10:48:44 +00:00
hawkgs
2788544c6a
refactor(devtools): introduce input styles ( #62215 )
...
Add global styles for input elements.
PR Close #62215
2025-06-24 10:48:44 +00:00
hawkgs
bd3dc192fd
refactor(devtools): improve profiler recorder controls ( #62010 )
...
Reorganize the template and reduce the vertical space taken by the controls.
PR Close #62010
2025-06-12 10:07:21 +02:00
hawkgs
a3c69260a1
fix(devtools): material components background colors ( #61969 )
...
Add overrides for the default background colors of some the Material components currently in use by Devtools. Most likely a regression by a recent Material version bump.
PR Close #61969
2025-06-09 09:44:31 -07:00
Milo
9bb04e5ac8
feat(devtools): update colors for signals pane ( #61918 )
...
add dynamic-green-02 and dynamic-blue-02
PR Close #61918
2025-06-06 10:55:05 +02:00
Milo
8e861eff1a
feat(devtools): add button component ( #61549 )
...
enables flexible styling of button components with ng-button attribute
PR Close #61549
2025-06-05 10:09:51 +02:00
Sumit Arora
582fedd726
refactor(devtools): fixing PR comments and adding unit tests ( #59999 )
...
- Update code to fix PR comments and cleanup code
- Add unit tests for the new code
PR Close #59999
2025-05-30 09:48:12 -04:00
Matthieu Riegler
e6a34277fc
feat(devtools): defer blocks support ( #60629 )
...
This commit adds the support for defer block in the Angular DevTools.
@defer block are now visible in the directive tree and give access to defer & hydration details.
This feature also brings support of incrementation hydration.
PR Close #60629
2025-04-29 22:07:47 -07:00
hawkgs
037dede0a0
refactor(devtools): improve components tab side pane UI ( #60901 )
...
Improve the overall UI/UX. Drop the expandable containers shadows in favor of solid borders.
PR Close #60901
2025-04-18 21:14:15 +02:00
hawkgs
f838726afb
refactor(devtools): typography ( #60531 )
...
Introduce typography placeholder classes and employ them across the app where applicable.
PR Close #60531
2025-04-18 08:35:59 +02:00
hawkgs
2e87130b1f
refactor(devtools): fix build warnings ( #60902 )
...
Fixes two build warnings related to one of the templates and a SCSS partial file.
PR Close #60902
2025-04-18 08:27:10 +02:00
hawkgs
2021f64612
refactor(devtools): reduce material form field density globally ( #60633 )
...
Make the form field density consistent across the app.
PR Close #60633
2025-04-10 11:22:44 -04:00
hawkgs
77b5eed024
refactor(devtools): extract and organize colors into themes ( #60374 )
...
Extract all colors from the stylesheets, reduce their number by merging the similar ones and organize them into themes represented by CSS variables.
PR Close #60374
2025-03-27 18:10:28 +00:00
hawkgs
4f3ad98466
refactor(devtools): styles management ( #59589 )
...
- Move all styles to ng-devtools/src/styles.
- Create a BrowserService that detects the browsers and adds it as a class to the body. Move global browser styles.
- Create theme mixins that incorporate the browser type into them.
- Refactor some of the affected code along with the introduced changes.
PR Close #59589
2025-02-12 10:47:02 -08:00