archive
/
AquaDX
mirror of https://github.com/hykilpikonna/AquaDX
1
0
Fork 0
Code Issues Actions Packages Projects Releases Wiki Activity

[S] Fix song name overflow

pull/10/head
Azalea 2024-02-12 03:20:09 -05:00
parent bf3c123658
commit 93b6dd3374
1 changed files with 13 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
AquaNet/src/pages/UserHome.svelte
View File

@ -48,7 +48,7 @@
</div> </div>
<div> <div>
<h2>Scoring Statistics</h2> <h2>Rating Statistics</h2>
<div class="scoring-info"> <div class="scoring-info">
<div class="chart"> <div class="chart">
<div class="info-top"> <div class="info-top">
@ -158,7 +158,7 @@
<div class={clazz({alt: i % 2 === 0})}> <div class={clazz({alt: i % 2 === 0})}>
<img src={`${data_host}/maimai/assetbundle/jacket_s/00${r.musicId.toString().padStart(6, '0').substring(2)}.png`} alt=""> <img src={`${data_host}/maimai/assetbundle/jacket_s/00${r.musicId.toString().padStart(6, '0').substring(2)}.png`} alt="">
<div class="info"> <div class="info">
<div class="name">{r.name}</div> <span class="name">{r.name}</span>
<div> <div>
<span class={"rank-" + ("" + getMult(r.achievement)[2])[0]}> <span class={"rank-" + ("" + getMult(r.achievement)[2])[0]}>
<span class="rank-text">{("" + getMult(r.achievement)[2]).replace("p", "+")}</span> <span class="rank-text">{("" + getMult(r.achievement)[2]).replace("p", "+")}</span>
@ -292,6 +292,7 @@ $gap: 20px
flex-direction: row flex-direction: row
justify-content: space-between justify-content: space-between
// Recent Scores section
.recent .recent
.scores .scores
display: flex display: flex
@ -309,12 +310,8 @@ $gap: 20px
align-items: center align-items: center
gap: $gap gap: $gap
padding-right: 16px padding-right: 16px
max-width: 100%
// Limit song name to one line box-sizing: border-box
.name
white-space: nowrap
overflow: hidden
text-overflow: ellipsis
img img
width: 50px width: 50px
@ -328,6 +325,14 @@ $gap: 20px
display: flex display: flex
justify-content: space-between justify-content: space-between
// Limit song name to one line
overflow: hidden
.name
overflow: hidden
overflow-wrap: anywhere
white-space: nowrap
text-overflow: ellipsis
@media (max-width: $w-mobile) @media (max-width: $w-mobile)
flex-direction: column flex-direction: column
gap: 0 gap: 0