diff --git a/devtools/projects/ng-devtools/src/lib/devtools-tabs/injector-tree/injector-providers/injector-providers.component.html b/devtools/projects/ng-devtools/src/lib/devtools-tabs/injector-tree/injector-providers/injector-providers.component.html
index aa022c8ea8c..ed043c48a47 100644
--- a/devtools/projects/ng-devtools/src/lib/devtools-tabs/injector-tree/injector-providers/injector-providers.component.html
+++ b/devtools/projects/ng-devtools/src/lib/devtools-tabs/injector-tree/injector-providers/injector-providers.component.html
@@ -2,7 +2,7 @@
@if (injector()) {
}
diff --git a/devtools/projects/ng-devtools/src/lib/devtools-tabs/injector-tree/injector-providers/injector-providers.component.scss b/devtools/projects/ng-devtools/src/lib/devtools-tabs/injector-tree/injector-providers/injector-providers.component.scss
index ed0895a21ef..d3bcfd38d1e 100644
--- a/devtools/projects/ng-devtools/src/lib/devtools-tabs/injector-tree/injector-providers/injector-providers.component.scss
+++ b/devtools/projects/ng-devtools/src/lib/devtools-tabs/injector-tree/injector-providers/injector-providers.component.scss
@@ -27,9 +27,21 @@ h2 {
)
);
- &:first-child {
+ &.token-search {
flex: 1;
}
+
+ &.type-filter {
+ width: 10rem;
+ }
+
+ mat-select {
+ @include mat.select-overrides(
+ (
+ trigger-text-size: 0.8rem,
+ )
+ );
+ }
}
}
@@ -46,6 +58,14 @@ table {
font-weight: bold;
}
+.token-cell {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ width: 100%;
+ max-width: 0;
+}
+
tr.example-detail-row {
height: 0;
}
@@ -83,8 +103,18 @@ tr.example-detail-row {
opacity: 0.5;
}
+.no-providers-label {
+ font-size: 0.8rem;
+ padding: 0.5rem 0;
+ text-align: center;
+}
+
@include theme.dark-theme {
.providers-title {
color: #ffffff;
}
+
+ .no-providers-label {
+ color: #bcc5ce;
+ }
}
diff --git a/devtools/projects/ng-devtools/src/lib/devtools-tabs/injector-tree/injector-tree.component.scss b/devtools/projects/ng-devtools/src/lib/devtools-tabs/injector-tree/injector-tree.component.scss
index 8ca25b7defb..e242a3fb1fe 100644
--- a/devtools/projects/ng-devtools/src/lib/devtools-tabs/injector-tree/injector-tree.component.scss
+++ b/devtools/projects/ng-devtools/src/lib/devtools-tabs/injector-tree/injector-tree.component.scss
@@ -22,7 +22,7 @@
}
as-split-area {
- overflow: auto !important;
+ overflow-y: auto !important;
}
:host {