notfire/Iceshrimp.NET
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

[backend/razor] Fix navbar overflow handling

Browse source
This commit is contained in:
Laura Hausmann 2025-02-18 22:33:16 +01:00
parent 80896fcf88
commit 8ed309b13d
No known key found for this signature in database
GPG key ID: D044E84C5BE01605
1 changed files with 10 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
Iceshrimp.Backend/Components/Generic/NavBar.razor
View file

@ -15,13 +15,12 @@
}
@if (OverflowsLg)
{
var offset = Links.Count - MaxItemsLg;
<li class="dropdown">
<a class="dropdown-button" tabindex="0">
<Icon Name="Icons.DotsThree" Size="20pt"/>
</a>
<ul class="dropdown-menu">
@foreach (var link in Links[offset..])
@foreach (var link in Links[MaxItemsLg..])
{
<li>
<NavBarLink Link="link"/>
@ -29,7 +28,10 @@
}
@if (Right is { Count: > 0 })
{
<li class="dropdown-spacer"></li>
if (MaxItemsLg != Links.Count)
{
<li class="dropdown-spacer"></li>
}
@foreach (var link in Right)
{
<li>
@ -71,13 +73,12 @@
}
@if (OverflowsMd)
{
var offset = Links.Count - MaxItemsMd;
<li class="dropdown">
<a class="dropdown-button" tabindex="0">
<Icon Name="Icons.DotsThree" Size="20pt"/>
</a>
<ul class="dropdown-menu">
@foreach (var link in Links[offset..])
@foreach (var link in Links[MaxItemsMd..])
{
<li>
<NavBarLink Link="link"/>
@ -85,7 +86,10 @@
}
@if (Right is { Count: > 0 })
{
<li class="dropdown-spacer"></li>
if (MaxItemsMd != Links.Count)
{
<li class="dropdown-spacer"></li>
}
@foreach (var link in Right)
{
<li>