css fixes

sei-aschlackman · sei-aschlackman · commit fbf284ea1aaa · 2026-02-06T15:26:03.000Z
diff --git a/src/app/components/admin-app/admin-app-template-search/admin-app-template-search.component.scss b/src/app/components/admin-app/admin-app-template-search/admin-app-template-search.component.scss
@@ -9,15 +9,6 @@
   width: 600px;
 }
 
-.mat-table {
-  overflow: auto;
-  max-height: 700px;
-}
-
-.mat-button-focus-overlay {
-  background-color: transparent;
-}
-
 .button-end {
   margin-left: 40px;
 }
@@ -28,10 +19,6 @@
   margin-right: 10px;
 }
 
-.mat-cell {
-  padding-right: 0;
-}
-
 .sp-icon {
   margin-left: 10px;
 }
diff --git a/src/app/components/admin-app/admin-role-permission-search/admin-role-permission-search.component.scss b/src/app/components/admin-app/admin-role-permission-search/admin-role-permission-search.component.scss
@@ -18,15 +18,6 @@
   width: 600px;
 }
 
-.mat-table {
-  overflow: auto;
-  max-height: 600px;
-}
-
-.mat-button-focus-overlay {
-  background-color: transparent;
-}
-
 .button-end {
   margin-right: 10px;
   margin-left: 60px;
diff --git a/src/app/components/admin-app/admin-user-search/admin-user-search.component.scss b/src/app/components/admin-app/admin-user-search/admin-user-search.component.scss
@@ -6,18 +6,6 @@
   width: 600px;
 }
 
-.mat-table {
-  overflow: auto;
-}
-
-.mat-button-focus-overlay {
-  background-color: transparent;
-}
-
-.mat-cell {
-  padding-right: 0;
-}
-
 .mat-expansion-panel-header {
   padding-left: 0;
 }
diff --git a/src/app/components/admin-app/admin-view-search/admin-view-search.component.scss b/src/app/components/admin-app/admin-view-search/admin-view-search.component.scss
@@ -9,11 +9,6 @@
   align-content: center;
 }
 
-.mat-table {
-  overflow: auto;
-  max-height: 700px;
-}
-
 .button-end {
   margin-left: 100px;
 }
diff --git a/src/app/components/admin-app/app-admin-subscription-search/app-admin-subscription-search.component.scss b/src/app/components/admin-app/app-admin-subscription-search/app-admin-subscription-search.component.scss
@@ -1,11 +1,6 @@
 // Copyright 2021 Carnegie Mellon University. All Rights Reserved.
 // Released under a MIT (SEI)-style license. See LICENSE.md in the project root for license information.
 
-.mat-table {
-  overflow: auto;
-  max-height: 700px;
-}
-
 .button-end {
   margin-left: 25px;
   margin-right: 25px;
diff --git a/src/app/components/home-app/view-list/view-list.component.scss b/src/app/components/home-app/view-list/view-list.component.scss
@@ -19,16 +19,6 @@
   font-size: x-large;
 }
 
-.mat-header-cell {
-  font-size: medium;
-}
-
-.mat-table {
-  overflow: auto;
-  max-height: 700px;
-  width: 100%;
-}
-
 .app-list-item {
   padding: 0;
   text-align: left;
diff --git a/src/app/components/player/application-list/application-list.component.scss b/src/app/components/player/application-list/application-list.component.scss
@@ -5,10 +5,6 @@
   height: calc(100vh - 107px);
   overflow-y: auto;
 }
-/* mat-list-item must be overridden here due to a heigh sizing bug */
-.appitems-container .mat-list-item {
-  height: auto;
-}
 
 .appslist {
   margin-top: 10px;
@@ -41,15 +37,6 @@
   width: 100%;
 }
 
-::ng-deep .list-item-mini > .mat-list-item-content {
-  padding: 0 !important;
-}
-
-::ng-deep .list-item > .mat-list-item-content {
-  padding-left: 16px !important;
-  padding-right: 0px !important;
-}
-
 .app-name {
   text-wrap: pretty;
   text-align: left;
diff --git a/src/app/components/player/notifications/notifications.component.scss b/src/app/components/player/notifications/notifications.component.scss
@@ -47,15 +47,15 @@
   width: 100%;
 }
 
-.mat-list {
+.mat-mdc-list {
   margin-left: 30px;
   margin-right: 30px;
   border: 1px solid;
   overflow: auto;
   max-height: 250px;
 }
 
-.mat-list-item {
+.mat-mdc-list-item {
   height: 30px !important; /* default is 72px */
 }
 
diff --git a/src/app/components/player/player.component.scss b/src/app/components/player/player.component.scss
@@ -69,10 +69,6 @@
   margin-right: 10px;
 }
 
-::ng-deep .player-title > .mat-list-item-content {
-  padding: 0 !important;
-}
-
 .player-title-mini {
   justify-content: center;
   padding: 0 !important;
diff --git a/src/app/components/shared/add-remove-users-dialog/add-remove-users-dialog.component.scss b/src/app/components/shared/add-remove-users-dialog/add-remove-users-dialog.component.scss
@@ -25,24 +25,6 @@
   min-height: 600px;
 }
 
-.mat-table-all-users {
-  overflow: auto;
-  max-height: 400px;
-}
-
-.mat-table-team-users {
-  overflow: auto;
-  max-height: 600px;
-}
-
-.mat-button-focus-overlay {
-  background-color: transparent;
-}
-
-.mat-cell {
-  padding-right: 0;
-}
-
 .sp-icon {
   margin-left: 10px;
   margin-right: 20px;
diff --git a/src/styles/_theme.scss b/src/styles/_theme.scss
@@ -174,11 +174,6 @@ $custom-typography: mat.m2-define-typography-config(
     color: map.get($foreground, 'text');
   }
 
-  .mat-tooltip {
-    background-color: map.get($background, hover);
-    color: map.get($foreground, text);
-  }
-
   a {
     color: map.get($foreground, text);
   }
@@ -196,18 +191,18 @@ $custom-typography: mat.m2-define-typography-config(
     color: map.get($foreground, 'offline');
   }
 
-  .mat-header-cell,
-  .mat-form-field,
-  .mat-form-field-label,
-  .mat-sort-header-content,
-  .mat-paginator-page-size-label,
-  .mat-paginator-range-label,
+  .mat-mdc-header-cell,
+  .mat-mdc-form-field,
+  .mat-mdc-floating-label,
+  .mat-mdc-sort-header-content,
+  .mat-mdc-paginator-page-size-label,
+  .mat-mdc-paginator-range-label,
   .mat-expansion-panel-header-description {
     color: map.get($foreground, 'text') !important;
   }
 
   .mat-expansion-panel,
-  .mat-drawer {
+  .mat-drawer-inner-container {
     background-color: map.get($background, 'expansion-panel') !important;
   }
 }

Original file line number	Diff line number	Diff line change
`@@ -9,15 +9,6 @@`
`9`	`9`	`width: 600px;`
`10`	`10`	`}`
`11`	`11`
`12`		`-.mat-table {`
`13`		`- overflow: auto;`
`14`		`- max-height: 700px;`
`15`		`-}`
`16`		`-`
`17`		`-.mat-button-focus-overlay {`
`18`		`- background-color: transparent;`
`19`		`-}`
`20`		`-`
`21`	`12`	`.button-end {`
`22`	`13`	`margin-left: 40px;`
`23`	`14`	`}`
`@@ -28,10 +19,6 @@`
`28`	`19`	`margin-right: 10px;`
`29`	`20`	`}`
`30`	`21`
`31`		`-.mat-cell {`
`32`		`- padding-right: 0;`
`33`		`-}`
`34`		`-`
`35`	`22`	`.sp-icon {`
`36`	`23`	`margin-left: 10px;`
`37`	`24`	`}`
Original file line number	Diff line number	Diff line change
`@@ -9,11 +9,6 @@`
`9`	`9`	`align-content: center;`
`10`	`10`	`}`
`11`	`11`
`12`		`-.mat-table {`
`13`		`- overflow: auto;`
`14`		`- max-height: 700px;`
`15`		`-}`
`16`		`-`
`17`	`12`	`.button-end {`
`18`	`13`	`margin-left: 100px;`
`19`	`14`	`}`
Original file line number	Diff line number	Diff line change
`@@ -47,15 +47,15 @@`
`47`	`47`	`width: 100%;`
`48`	`48`	`}`
`49`	`49`
`50`		`-.mat-list {`
	`50`	`+.mat-mdc-list {`
`51`	`51`	`margin-left: 30px;`
`52`	`52`	`margin-right: 30px;`
`53`	`53`	`border: 1px solid;`
`54`	`54`	`overflow: auto;`
`55`	`55`	`max-height: 250px;`
`56`	`56`	`}`
`57`	`57`
`58`		`-.mat-list-item {`
	`58`	`+.mat-mdc-list-item {`
`59`	`59`	`height: 30px !important; /* default is 72px */`
`60`	`60`	`}`
`61`	`61`