Fix desktop track tile title width (#7269)

Co-authored-by: Dylan Jeffers <dylanaudius@Dylan-Audius.local>
AudiusProject · Jan 22, 2024 · a8cca23 · a8cca23
1 parent 81e8c8a
commit a8cca23
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 4 deletions.
diff --git a/packages/web/src/components/track/desktop/TrackTile.module.css b/packages/web/src/components/track/desktop/TrackTile.module.css
@@ -115,8 +115,8 @@
 
 .text {
   overflow: hidden;
-  text-overflow: ellipsis;
   white-space: nowrap;
+  text-overflow: ellipsis;
 }
 
 .topSection {
@@ -143,6 +143,7 @@
   user-select: none;
   margin-right: 132px;
   padding-bottom: 2px;
+  display: flex;
 }
 
 .titleRow .skeleton {
@@ -159,7 +160,9 @@
 }
 
 .title {
-  width: 100%;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
 }
 
 .isActive .title {

diff --git a/packages/web/src/components/track/mobile/TrackTile.module.css b/packages/web/src/components/track/mobile/TrackTile.module.css
@@ -137,8 +137,8 @@
 
 .text {
   overflow: hidden;
-  text-overflow: ellipsis;
   white-space: nowrap;
+  text-overflow: ellipsis;
 }
 
 .titlesSkeleton div,
@@ -149,7 +149,9 @@
 .title {
   margin-top: auto;
   padding-right: 5px;
-  width: 100%;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
 }
 
 .playIcon {