Merge pull request #679 from aspnetboilerplate/issue-#7099

Fixed menu item overlay when opening sidebar

Author: yagmurcelk

aspnet-core/src/AbpCompanyName.AbpProjectName.Web.Mvc/Startup/AbpProjectNameNavigationProvider.cs

@@ -69,28 +69,32 @@ public override void SetNavigation(INavigationProviderContext context)
                             "AspNetBoilerplateHome",
                             new FixedLocalizableString("Home"),
                             url: "https://aspnetboilerplate.com?ref=abptmpl",
-                            icon: "far fa-dot-circle"
+                            icon: "far fa-dot-circle",
+                            target: "_blank"
                         )
                     ).AddItem(
                         new MenuItemDefinition(
                             "AspNetBoilerplateTemplates",
                             new FixedLocalizableString("Templates"),
                             url: "https://aspnetboilerplate.com/Templates?ref=abptmpl",
-                            icon: "far fa-dot-circle"
+                            icon: "far fa-dot-circle",
+                            target: "_blank"
                         )
                     ).AddItem(
                         new MenuItemDefinition(
                             "AspNetBoilerplateSamples",
                             new FixedLocalizableString("Samples"),
                             url: "https://aspnetboilerplate.com/Samples?ref=abptmpl",
-                            icon: "far fa-dot-circle"
+                            icon: "far fa-dot-circle",
+                            target: "_blank"
                         )
                     ).AddItem(
                         new MenuItemDefinition(
                             "AspNetBoilerplateDocuments",
                             new FixedLocalizableString("Documents"),
                             url: "https://aspnetboilerplate.com/Pages/Documents?ref=abptmpl",
-                            icon: "far fa-dot-circle"
+                            icon: "far fa-dot-circle",
+                            target: "_blank"
                         )
                     )
                 ).AddItem(
@@ -103,35 +107,40 @@ public override void SetNavigation(INavigationProviderContext context)
                             "AspNetZeroHome",
                             new FixedLocalizableString("Home"),
                             url: "https://aspnetzero.com?ref=abptmpl",
-                            icon: "far fa-dot-circle"
+                            icon: "far fa-dot-circle",
+                            target: "_blank"
                         )
                     ).AddItem(
                         new MenuItemDefinition(
                             "AspNetZeroFeatures",
                             new FixedLocalizableString("Features"),
                             url: "https://aspnetzero.com/Features?ref=abptmpl",
-                            icon: "far fa-dot-circle"
+                            icon: "far fa-dot-circle",
+                            target: "_blank"
                         )
                     ).AddItem(
                         new MenuItemDefinition(
                             "AspNetZeroPricing",
                             new FixedLocalizableString("Pricing"),
                             url: "https://aspnetzero.com/Pricing?ref=abptmpl#pricing",
-                            icon: "far fa-dot-circle"
+                            icon: "far fa-dot-circle",
+                            target: "_blank"
                         )
                     ).AddItem(
                         new MenuItemDefinition(
                             "AspNetZeroFaq",
                             new FixedLocalizableString("Faq"),
                             url: "https://aspnetzero.com/Faq?ref=abptmpl",
-                            icon: "far fa-dot-circle"
+                            icon: "far fa-dot-circle",
+                            target: "_blank"
                         )
                     ).AddItem(
                         new MenuItemDefinition(
                             "AspNetZeroDocuments",
                             new FixedLocalizableString("Documents"),
                             url: "https://aspnetzero.com/Documents?ref=abptmpl",
-                            icon: "far fa-dot-circle"
+                            icon: "far fa-dot-circle",
+                            target: "_blank"
                         )
                     )
                 )

aspnet-core/src/AbpCompanyName.AbpProjectName.Web.Mvc/Views/Shared/Components/SideBarMenu/Default.cshtml

@@ -13,4 +13,4 @@
             }
         }
     </ul>
-</nav>
+</nav>

aspnet-core/src/AbpCompanyName.AbpProjectName.Web.Mvc/wwwroot/css/style.css

@@ -29,3 +29,17 @@ html {
 .famfamfam-flags {
     display: inline-block;
 }
+
+.sidebar ul li p {
+    white-space: nowrap !important;
+    text-overflow: ellipsis;
+    transition: opacity 0.5s ease-in-out !important;
+    opacity: 1;
+}
+
+.sidebar-mini .main-sidebar .sidebar,
+.sidebar-mini .main-sidebar .sidebar:hover {
+    overflow-x: auto !important;
+    width: 250px;
+    transition: width 0.3s ease-in-out;
+}

aspnet-core/src/AbpCompanyName.AbpProjectName.Web.Mvc/wwwroot/view-resources/Views/Account/_Layout.css

@@ -7,4 +7,5 @@
 .nav-user-menu .user-image {
   width: 20px;
   margin-right: 4px;
-  margin-top: -4px; }
+  margin-top: -4px; 
+}