Fix abm table overflow issue (#23722)

relates to #21986

fix a UI overflow issue on the abm table

- [x] Changes file added for user-visible changes in `changes/`,
`orbit/changes/` or `ee/fleetd-chrome/changes`.
- [x] Manual QA for all new/changed functionality
This commit is contained in:
Gabriel Hernandez 2024-11-19 11:46:41 +00:00 committed by GitHub
parent 249189fc0c
commit cb3e1d5b69
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 12 additions and 0 deletions

View file

@ -0,0 +1 @@
- fix responsive styles for the adm table

View file

@ -1,5 +1,16 @@
.apple-business-manager-table {
.data-table-block .data-table {
td.apple_id__cell {
max-width: 180px;
}
td.macos_team__cell, td.ios_team__cell, td.ipados_team__cell {
max-width: 150px;
}
}
// The desired behavior is to hide the header and team cell one by one
// as the viewport gets smaller. This is achieved by using the max-width
// media query with the breakpoint values taken from when the table content