mirror/sbox-public
1
0
Fork 0
mirror of https://github.com/Facepunch/sbox-public.git synced 2025-12-23 22:48:07 -05:00
Code Issues Packages Projects Releases Wiki Activity

Fix package visibility overlay (#3597)

Browse Source 
---------

Co-authored-by: DrakeFruit <foxflowgaming@gmail.com>
Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
This commit is contained in:
sboxbot
2025-12-12 11:04:16 +00:00
committed by GitHub
parent af5ab2abfe
commit a28a2b7fac
2 changed files with 33 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
game/addons/base/code/UI/Components/PackageCard.razor
View File

@@ -23,25 +23,26 @@
@if ( Decorated )
{
if (Package.Public == false)
{
<div class="card-decorator-hidden" tooltip="This is hidden from the public">Hidden</div>
}
if ( UsersNow > 0 )
{
<div class="card-decorator-users" tooltip="This many users are playing now">
<i>sports_esports</i>
<span> @UsersNow.KiloFormat() </span>
</div>
}
else if ( Package.Usage.UsersNow > 0 )
{
<div class="card-decorator-users" tooltip="This many users are playing now">
<i>sports_esports</i>
<span> @Package.Usage.UsersNow.KiloFormat() </span>
</div>
}
<div class="card-decorator">
@if ( Package.Public == false )
{
<i tooltip="This package is hidden from the public">visibility_off</i>
}
@if ( UsersNow > 0 )
{
<div class="player-count" tooltip="This many users are playing now">
<i>sports_esports</i>
<span> @UsersNow.KiloFormat() </span>
</div>
}
else if ( Package.Usage.UsersNow > 0 )
{
<div class="player-count" tooltip="This many users are playing now">
<i>sports_esports</i>
<span> @Package.Usage.UsersNow.KiloFormat() </span>
</div>
}
</div>
}
</div>

30
game/addons/base/code/UI/Components/PackageCard.razor.scss
View File

@@ -100,21 +100,7 @@ $highlight: #5c5;
transition: all 0.3s ease-out;
}
.card-decorator-hidden
{
position: absolute;
background-color: #0009;
bottom: 0;
left: 0;
right: 0;
color: white;
padding: 10px;
text-transform: uppercase;
font-size: 12px;
z-index: 5;
}
.card-decorator-users
.card-decorator
{
background-color: darken( rgba( $highlight, 0.7 ), 0.66 );
color: lighten( $highlight, 0.5 );
@@ -123,15 +109,25 @@ $highlight: #5c5;
top: 5px;
padding: 3px 8px;
border-radius: 200px;
aspect-ratio: 1;
box-shadow: 2px 2px 16px #0002;
font-size: 12px;
font-weight: bold;
gap: 3px;
gap: 6px;
align-items: center;
justify-content: space-between;
i
{
font-size: 16px;
}
&:empty
{
display: none;
}
}
.player-count
{
gap: 3px;
}