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

[F] Fix settings colliding with userbox?

v1-dev
Azalea 2025-02-28 03:29:20 -05:00
parent ca09e0e3f7
commit 6c21afaa57
3 changed files with 18 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
AquaNet/src/app.sass
View File

@ -318,6 +318,9 @@ main.content
max-width: 400px max-width: 400px
.aqua-tooltip
z-index: 900
.no-margin .no-margin
margin: 0 margin: 0

2
AquaNet/src/components/Tooltip.svelte
View File

@ -60,7 +60,7 @@
.tooltip .tooltip
position: absolute position: absolute
z-index: 1000 z-index: 900
background: white background: white
padding: 10px 16px padding: 10px 16px
border-radius: vars.$border-radius border-radius: vars.$border-radius

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

@ -136,7 +136,7 @@
<img use:pfp={d.user.aquaUser} alt="" class="pfp" on:error={pfpNotFound}> <img use:pfp={d.user.aquaUser} alt="" class="pfp" on:error={pfpNotFound}>
<div class="name-box"> <div class="name-box">
<div class="name-left"> <div class="name-left">
{#if d.user.aquaUser} {#if d.user.aquaUser}
{#if d.user.aquaUser.displayName} {#if d.user.aquaUser.displayName}
<h2>{d.user.aquaUser?.displayName}</h2> <h2>{d.user.aquaUser?.displayName}</h2>
@ -160,16 +160,17 @@
{d.user.rival ? t("UserHome.RemoveRival") : t("UserHome.AddRival")} {d.user.rival ? t("UserHome.RemoveRival") : t("UserHome.AddRival")}
</span> </span>
{/if} {/if}
{#if me && me.username === username}
<a class="setting-icon clickable" use:tooltip={t("UserHome.Settings")} href="/settings">
<Icon icon="eos-icons:rotating-gear"/>
</a>
{/if}
</div> </div>
<nav> <nav>
{#each d.validGames as [g, name]} {#each d.validGames as [g, name]}
<a href={`/u/${username}/${g}`} class:active={game === g}>{name}</a> <a href={`/u/${username}/${g}`} class:active={game === g}>{name}</a>
{/each} {/each}
{#if me && me.username === username}
<a class="setting-icon clickable" use:tooltip={t("UserHome.Settings")} href="/settings">
<Icon icon="eos-icons:rotating-gear"/>
</a>
{/if}
</nav> </nav>
</div> </div>
@ -181,9 +182,9 @@
<span class="profile-bio-text">{d.user.aquaUser?.profileBio}</span> <span class="profile-bio-text">{d.user.aquaUser?.profileBio}</span>
</div> </div>
</div> </div>
</div> </div>
{/if} {/if}
<ChuniUserboxDisplay {game} {username} bind:error={error} /> <ChuniUserboxDisplay {game} {username} bind:error={error} />
<div> <div>
@ -311,7 +312,7 @@
</div> </div>
<!-- I don't like doing this but it may be preferable to gaslighting the types --> <!-- I don't like doing this but it may be preferable to gaslighting the types -->
<RatingComposition title="B30" comp={d.user.ratingComposition.best30} {allMusics} game={game != "auto" ? game : "mai2"}/> <RatingComposition title="B30" comp={d.user.ratingComposition.best30} {allMusics} game={game != "auto" ? game : "mai2"}/>
<RatingComposition title="B35" comp={d.user.ratingComposition.best35} {allMusics} game={game != "auto" ? game : "mai2"}/> <RatingComposition title="B35" comp={d.user.ratingComposition.best35} {allMusics} game={game != "auto" ? game : "mai2"}/>
<RatingComposition title="B15" comp={d.user.ratingComposition.best15} {allMusics} game={game != "auto" ? game : "mai2"}/> <RatingComposition title="B15" comp={d.user.ratingComposition.best15} {allMusics} game={game != "auto" ? game : "mai2"}/>
@ -397,6 +398,9 @@
display: flex display: flex
align-items: center align-items: center
position: relative
z-index: 20
.name-box .name-box
flex: 1 flex: 1
display: flex display: flex
@ -453,7 +457,7 @@
.info-bottom .info-bottom
width: max-content width: max-content
&.profile-bio-container, &.profile-bio-container,
&.profile-bio-container div &.profile-bio-container div
width: 100% width: 100%