Skip to content

Commit

Permalink
feat: fixed sidebar and navbar (epicmaxco#635) (epicmaxco#644)
Browse files Browse the repository at this point in the history
  • Loading branch information
smellyshovel authored and Kreezag committed Dec 2, 2019
1 parent dfd8869 commit 200d4a0
Show file tree
Hide file tree
Showing 3 changed files with 18 additions and 2 deletions.
5 changes: 5 additions & 0 deletions src/components/admin/VaPageLayout.vue
Original file line number Diff line number Diff line change
Expand Up @@ -71,10 +71,15 @@ $vuestic-preloader-top: calc(50% - 104px / 2);
.va-page-layout {
.content-wrap {
margin-top: 65px;
margin-left: $sidebar-width;
transition: margin-left 0.3s ease;
padding: 0;
@include media-breakpoint-down(sm) {
margin-top: $sidebar-mobile-top;
}
.pre-loader {
position: absolute;
left: $vuestic-preloader-left;
Expand Down
6 changes: 5 additions & 1 deletion src/components/admin/app-navbar/AppNavbar.vue
Original file line number Diff line number Diff line change
Expand Up @@ -98,7 +98,11 @@ $font-size-base: 1rem !default;
.app-navbar {
transition: background-color 0.3s ease; /* sidebar's bg color transitions as well -> consistency */
position: relative;
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 990;
height: $top-nav-height;
display: flex;
padding: 1rem 2rem 1rem 1rem;
Expand Down
9 changes: 8 additions & 1 deletion src/components/admin/app-sidebar/AppSidebar.vue
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<template>
<va-sidebar :minimized="minimized">
<va-sidebar :minimized="minimized" class="app-sidebar">
<template slot="menu">

<template v-for="(item, key) in items">
Expand Down Expand Up @@ -53,3 +53,10 @@ export default {
}
</script>

<style lang="scss">
.app-sidebar {
position: fixed !important;
z-index: 990;
}
</style>

0 comments on commit 200d4a0

Please sign in to comment.