diff --git a/Test.UI/Components/Layout/MainLayout.razor.cs b/Test.UI/Components/Layout/MainLayout.razor.cs index 88d293f..4f41ce9 100644 --- a/Test.UI/Components/Layout/MainLayout.razor.cs +++ b/Test.UI/Components/Layout/MainLayout.razor.cs @@ -7,7 +7,7 @@ protected void UpdateNavDisplay() { navLarge = !navLarge; - sideClass = navLarge ? "sidebar" : "sidebarSmall"; + sideClass = navLarge ? "sidebar shadow-sm" : "sidebarSmall shadow-sm"; } private bool navLarge = true; diff --git a/Test.UI/Components/Layout/MainLayout.razor.css b/Test.UI/Components/Layout/MainLayout.razor.css index d9b9b3b..1ef1051 100644 --- a/Test.UI/Components/Layout/MainLayout.razor.css +++ b/Test.UI/Components/Layout/MainLayout.razor.css @@ -70,7 +70,7 @@ main { .top-row { position: sticky; top: 0; - z-index: 1; + z-index: 1000; } .top-row, article { diff --git a/Test.UI/Components/Layout/MainLayout.razor.less b/Test.UI/Components/Layout/MainLayout.razor.less index d3f1aa4..9bb4b53 100644 --- a/Test.UI/Components/Layout/MainLayout.razor.less +++ b/Test.UI/Components/Layout/MainLayout.razor.less @@ -79,7 +79,7 @@ main { .top-row { position: sticky; top: 0; - z-index: 1; + z-index: 1000; } .top-row, article { diff --git a/Test.UI/Components/Layout/MainLayout.razor.min.css b/Test.UI/Components/Layout/MainLayout.razor.min.css index a677aba..2ad0993 100644 --- a/Test.UI/Components/Layout/MainLayout.razor.min.css +++ b/Test.UI/Components/Layout/MainLayout.razor.min.css @@ -1 +1 @@ -.page{position:relative;display:flex;flex-direction:column;}main{flex:1;}.sidebar,.sidebarSmall{background:-webkit-linear-gradient(to bottom,#c5d6ed,#c5d6ed);background:linear-gradient(to bottom,#c5d6ed,#c5d6ed);}.top-row{background-color:#f7f7f7;border-bottom:1px solid #d6d5d5;height:3.5rem;display:flex;align-items:center;}.top-row ::deep a,.top-row .btn-link{white-space:nowrap;margin-left:1.5rem;}.top-row a:first-child{overflow:hidden;text-overflow:ellipsis;}.bottom-row{color:#dedede;background-color:#000;height:1.6rem;align-items:center;}@media(max-width:640.98px){.top-row:not(.auth){display:none;}.top-row.auth{justify-content:space-between;}.top-row a,.top-row .btn-link{margin-left:0;}}@media(min-width:641px){.page{flex-direction:row;}.sidebar{width:13.5rem;height:100vh;position:sticky;top:0;border-radius:30px;}.sidebarSmall{width:5.5rem;height:100vh;position:sticky;top:0;border-radius:30px;}.top-row{position:sticky;top:0;z-index:1;}.top-row,article{padding-left:.5rem!important;padding-right:.5rem!important;}} \ No newline at end of file +.page{position:relative;display:flex;flex-direction:column;}main{flex:1;}.sidebar,.sidebarSmall{background:-webkit-linear-gradient(to bottom,#c5d6ed,#c5d6ed);background:linear-gradient(to bottom,#c5d6ed,#c5d6ed);}.top-row{background-color:#f7f7f7;border-bottom:1px solid #d6d5d5;height:3.5rem;display:flex;align-items:center;}.top-row ::deep a,.top-row .btn-link{white-space:nowrap;margin-left:1.5rem;}.top-row a:first-child{overflow:hidden;text-overflow:ellipsis;}.bottom-row{color:#dedede;background-color:#000;height:1.6rem;align-items:center;}@media(max-width:640.98px){.top-row:not(.auth){display:none;}.top-row.auth{justify-content:space-between;}.top-row a,.top-row .btn-link{margin-left:0;}}@media(min-width:641px){.page{flex-direction:row;}.sidebar{width:13.5rem;height:100vh;position:sticky;top:0;border-radius:30px;}.sidebarSmall{width:5.5rem;height:100vh;position:sticky;top:0;border-radius:30px;}.top-row{position:sticky;top:0;z-index:1000;}.top-row,article{padding-left:.5rem!important;padding-right:.5rem!important;}} \ No newline at end of file diff --git a/Test.UI/Components/Layout/NavMenu.razor b/Test.UI/Components/Layout/NavMenu.razor index 01585bc..5a95dc4 100644 --- a/Test.UI/Components/Layout/NavMenu.razor +++ b/Test.UI/Components/Layout/NavMenu.razor @@ -2,7 +2,7 @@ @inject NavigationManager NavigationManager -