diff --git a/css/sideMenu.css b/css/sideMenu.css index a2cd8cd..3f4d918 100644 --- a/css/sideMenu.css +++ b/css/sideMenu.css @@ -7,7 +7,6 @@ top: 0; left: 0; height: 100vh; - overflow: hidden; width: 100%; max-width: 250px; background: #333; @@ -31,7 +30,13 @@ } .side-menu-apps-list { - padding: 30px 0; + height: calc(100vh - 150px); + z-index: 2200; + position: fixed; + top: 150px; + width: 100%; + max-width: 250px; + overflow: auto; } .side-menu-app-icon { @@ -44,7 +49,10 @@ line-height: 30px; color: #fff; display: block; - padding: 7px 15px; + padding: 7px 0 7px 15px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } .side-menu-app a:hover { @@ -58,3 +66,12 @@ .side-menu-logo img { width: 60%; } + +.side-menu-header { + height: 150px; + z-index: 2300; + max-width: 250px; + background: #333; + position: fixed; + top: 0; +} diff --git a/src/SideMenu.vue b/src/SideMenu.vue index 14364e3..e97d967 100644 --- a/src/SideMenu.vue +++ b/src/SideMenu.vue @@ -1,9 +1,11 @@