JonathanMcCaffrey/IGP-Fan-Reference
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Updating Mudblazor Version

Browse Source
This commit is contained in:
Jonathan
2025-04-27 19:34:50 -04:00
parent 38ff4e3e89
commit e820457176
153 changed files with 5010 additions and 2059 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Components/Navigation/DesktopNavComponent.razor
+20 -22
View File
@@ -60,13 +60,13 @@
height: 100vh;
visibility: hidden;
}
.clickOffBackground.clickOffVisible {
visibility:visible;
visibility: visible;
}
.sectionButton {
cursor: pointer;
cursor: pointer;
padding: 12px;
position: relative;
z-index: 50000;
@@ -78,7 +78,7 @@
left: 0;
width: 100vw;
height: 40px;
background-color: rgba(255,255,255,0.1);
background-color: rgba(255, 255, 255, 0.1);
}
.menuHeader {
@@ -87,30 +87,30 @@
width: 100%;
padding-top: 12px;
padding-bottom: 12px;
padding-left: 24px;
padding-right: 24px;
display: flex;
background-color: var(--accent);
justify-content: space-between;
align-items: center;
}
.sectionNavs {
display: flex;
gap: 16px;
gap: 16px;
align-items: center;
}
.sectionNav {
display: flex;
.sectionNav {
display: flex;
align-items: center;
height: 100%;
}
}
.websiteTitle {
font-weight: bold;
@@ -119,11 +119,11 @@
}
.navMenuPosition {
position: relative;
top: 18px;
left: calc(-50% + -330px / 2);
width: 0;
height: 0;
position: relative;
top: 18px;
left: calc(-50% + -330px / 2);
width: 0;
height: 0;
}
.navMenuContainer {
@@ -142,7 +142,7 @@
border-radius: 4px;
display: flex;
}
.sectionButtonSelected {
box-shadow: 0 2px 3px black;
background-color: var(--info);
@@ -166,11 +166,9 @@
@code {
[Parameter]
public List<WebSectionModel> WebSections { get; set; } = default!;
[Parameter] public List<WebSectionModel> WebSections { get; set; } = default!;
[Parameter]
public List<WebPageModel> WebPages { get; set; } = default!;
[Parameter] public List<WebPageModel> WebPages { get; set; } = default!;
protected override void OnInitialized()
Components/Navigation/DesktopNavLinkComponent.razor
+15 -14
View File
@@ -12,7 +12,9 @@
}
else
{
<NavLink target="@Links.GetTarget(Page.Href)" @onclick="() => { NavigationService.ChangeNavigationState(NavigationStateType.Default); NavigationService.ChangeNavigationSectionId(-1); }" href="@Page.Href" class="desktopNavLink">
<NavLink target="@Links.GetTarget(Page.Href)"
@onclick="() => { NavigationService.ChangeNavigationState(NavigationStateType.Default); NavigationService.ChangeNavigationSectionId(-1); }"
href="@Page.Href" class="desktopNavLink">
<div class="navName">
@Page.Name
</div>
@@ -35,26 +37,26 @@ else
height: 60px;
width: 100%;
display: flex;
background-color: var(--primary);
border: 1px solid var(--primary);
}
.desktopNavLink:first-of-type {
.desktopNavLink:first-of-type {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.desktopNavLink:last-of-type {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
.desktopNavLink:hover {
color: #8EC3FF;
background-color: var(--primary-hover);
border-color: var(--primary-border-hover);
}
.desktopNavLink:hover {
color: #8EC3FF;
background-color: var(--primary-hover);
border-color: var(--primary-border-hover);
}
.navSelected {
background-color: var(--primary-hover);
@@ -65,10 +67,9 @@ else
@code {
[Parameter]
public WebPageModel Page { get; set; } = default!;
[Parameter] public WebPageModel Page { get; set; } = default!;
bool isOnPage = false;
bool isOnPage;
protected override Task OnParametersSetAsync()
{
Components/Navigation/DesktopNavSectionComponent.razor
+4 -4
View File
@@ -5,6 +5,7 @@
{
continue;
}
<DesktopNavLinkComponent Page=childPage></DesktopNavLinkComponent>
}
</div>
@@ -18,13 +19,12 @@
position: relative;
width: 100%;
}
</style>
@code {
[Parameter]
public WebSectionModel Section { get; set; } = default!;
[Parameter] public WebSectionModel Section { get; set; } = default!;
}
Components/Navigation/MobileNavComponent.razor
+16 -17
View File
@@ -2,7 +2,8 @@
<div class="mobileNavSectionsContainer">
@foreach (var webSection in WebSections)
{
<div class="mobileNavSectionButton" @onclick="() => OnSectionClicked(webSection)" @onclick:preventDefault="true" @onclick:stopPropagation="true">
<div class="mobileNavSectionButton" @onclick="() => OnSectionClicked(webSection)"
@onclick:preventDefault="true" @onclick:stopPropagation="true">
<div class="mobileNavSectionButtonText">
<i class="fa-solid @webSection.Icon" style="font-size: 28px;"></i>
</div>
@@ -11,7 +12,8 @@
<SearchIconButtonComponent/>
</div>
<div class="fullPageButton @(selectedSection != null)" @onclick="OnPageClicked" @onclick:stopPropagation="false" @onclick:preventDefault="false">
<div class="fullPageButton @(selectedSection != null)" @onclick="OnPageClicked" @onclick:stopPropagation="false"
@onclick:preventDefault="false">
</div>
@if (selectedSection != null)
@@ -27,7 +29,9 @@
{
continue;
}
<div class="mobileNavPageButton" @onclick="() => OnPageLinkClicked(webPage)" @onclick:preventDefault="true" @onclick:stopPropagation="true">
<div class="mobileNavPageButton" @onclick="() => OnPageLinkClicked(webPage)"
@onclick:preventDefault="true" @onclick:stopPropagation="true">
<div class="mobileNavPageButtonText">
@webPage.Name
</div>
@@ -45,7 +49,7 @@
height: 100vh;
bottom: 0;
display: none;
background-color: rgba(0,0,0,0.6);
background-color: rgba(0, 0, 0, 0.6);
}
.fullPageButton.True {
@@ -53,11 +57,9 @@
}
.mobileFooter {
position: fixed;
background-color: rgba(0,0,0,1);
background-color: rgba(0, 0, 0, 1);
width: 100vw;
bottom: 0;
display: none;
@@ -109,10 +111,10 @@
}
.mobileNavPageButton:hover {
background-color: var(--primary-hover);
border-color: var(--primary-border-hover);
}
.mobileNavPageButton:hover {
background-color: var(--primary-hover);
border-color: var(--primary-border-hover);
}
.mobileNavSectionButton:hover {
@@ -143,11 +145,9 @@
@code {
#if NO_SQL
[Parameter]
public List<WebSectionModel> WebSections { get; set; } = default!;
[Parameter] public List<WebSectionModel> WebSections { get; set; } = default!;
[Parameter]
public List<WebPageModel> WebPages { get; set; } = default!;
[Parameter] public List<WebPageModel> WebPages { get; set; } = default!;
#else
[Parameter]
@@ -157,8 +157,7 @@
public DbSet<WebPageModel> WebPages { get; set; }
#endif
[Inject]
public NavigationManager NavigationManager { get; set; } = default!;
[Inject] public NavigationManager NavigationManager { get; set; } = default!;
private WebSectionModel? selectedSection;
Components/Navigation/TabletNavComponent.razor
+17 -17
View File
@@ -17,7 +17,8 @@
</div>
<div class="fullPageButton @navOpen" @onclick="OnNavClicked" @onclick:stopPropagation="false" @onclick:preventDefault="false">
<div class="fullPageButton @navOpen" @onclick="OnNavClicked" @onclick:stopPropagation="false"
@onclick:preventDefault="false">
</div>
@@ -40,6 +41,7 @@
{
continue;
}
<NavLink href="@webPage.Href" class="tabletNavItem" @onclick="OnPageClicked">
@webPage.Name
</NavLink>
@@ -58,12 +60,12 @@
height: 100vh;
bottom: 0;
display: none;
background-color: rgba(0,0,0,0.6);
background-color: rgba(0, 0, 0, 0.6);
}
.fullPageButton.True {
display: block;
}
.fullPageButton.True {
display: block;
}
.tablet {
display: none;
@@ -71,7 +73,7 @@
.tabletNav {
position: fixed;
background-color: rgba(30,30,30,0.98);
background-color: rgba(30, 30, 30, 0.98);
display: none;
height: 100vh;
padding: 32px;
@@ -81,12 +83,12 @@
gap: 22px;
flex-direction: column;
}
.tabletButtons {
display: flex;
gap: 12px;
}
.tabletNavItem {
padding: 8px;
@@ -108,7 +110,7 @@
top: 0;
display: flex;
background-color: var(--accent);
border-bottom: 4px solid rgba(0,0,0,0.95);
border-bottom: 4px solid rgba(0, 0, 0, 0.95);
justify-content: space-between;
}
@@ -125,16 +127,16 @@
.tabletButton {
border: 2px solid black;
background-color: rgba(0,0,0,0.3);
background-color: rgba(0, 0, 0, 0.3);
width: 80px;
height: 100%;
display: flex;
cursor: pointer;
}
.tabletButton:hover {
background-color: rgba(0,0,0,0.7);
}
.tabletButton:hover {
background-color: rgba(0, 0, 0, 0.7);
}
@@media only screen and (max-width: 1025px) {
@@ -153,11 +155,9 @@
@code {
#if NO_SQL
[Parameter]
public List<WebSectionModel> WebSections { get; set; } = default!;
[Parameter] public List<WebSectionModel> WebSections { get; set; } = default!;
[Parameter]
public List<WebPageModel> WebPages { get; set; } = default!;
[Parameter] public List<WebPageModel> WebPages { get; set; } = default!;
#else
[Parameter]