shihaam/akaunting
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: menu problem solved

Browse Source
This commit is contained in:
ugur@nomadinteractive.co
2020-04-18 19:48:08 +03:00
parent 166060c66d
commit 6c31f719c8
10 changed files with 198 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

67
resources/assets/sass/core/navbars/_navbar-vertical.scss vendored
View File

@ -70,6 +70,21 @@
padding-right: $navbar-padding-x;
font-size: $navbar-nav-link-font-size;
font-weight: $navbar-nav-link-font-weight;
color: $white;
&:hover:not(.active) {
color: $white;
}
&:focus:not(.active) {
color: $white;
}
// @include media-breakpoint-down(md) {
// &:hover {
// color: $white;
// }
// }
&.active {
position: relative;
@ -355,7 +370,25 @@
// Sidenav states
.g-sidenav-show {
#panel {
@include media-breakpoint-up(xl) {
margin-left: 250px;
}
}
&.g-sidenav-hidden {
@include media-breakpoint-down(md) {
.sidenav {
max-width: $navbar-vertical-width !important;
}
}
}
.sidenav {
max-width: $navbar-vertical-open-width !important;
.navbar-brand,
.navbar-heading {
display: block;
@ -368,7 +401,23 @@
}
}
.scrollbar-inner {
width: 100%;
.sidenav-header {
padding: 0 24px;
justify-content: space-between;
}
}
.g-sidenav-pinned {
#sidenav-collapse-main {
display: block;
}
.sidenav {
max-width: $navbar-vertical-open-width !important;
@ -377,6 +426,24 @@
display: block;
}
}
.navbar-vertical.navbar-expand-xs {
@include media-breakpoint-up(xl) {
max-width: $navbar-vertical-open-width !important;
}
}
}
.navbar-vertical.navbar-expand-xs {
position: fixed;
top: 0;
bottom: 0;
display: block;
overflow-y: auto;
width: 100%;
max-width: 62px;
padding-right: 0;
padding-left: 0;
}
.g-sidenav-hidden:not(.g-sidenav-show) {

6
resources/views/layouts/admin.blade.php
View File

@ -2,7 +2,11 @@
@include('partials.admin.head')
<body id="leftMenu" class="g-sidenav-show g-sidenav-pinned">
@mobile
<body id="leftMenu" class="g-sidenav-hidden">
@elsemobile
<body id="leftMenu" class="g-sidenav-show">
@endmobile
@stack('body_start')
@include('partials.admin.menu')

4
resources/views/partials/admin/menu.blade.php
View File

@ -1,7 +1,7 @@
@stack('menu_start')
<nav class="sidenav navbar navbar-vertical fixed-left navbar-expand-sm navbar-light bg-default" id="sidenav-main">
<nav class="sidenav navbar navbar-vertical fixed-left navbar-expand-xs navbar-light bg-default" id="sidenav-main">
<div class="scrollbar-inner">
<div class="sidenav-header d-flex align-items-center ml-4">
<div class="sidenav-header d-flex align-items-center">
<ul class="navbar-nav">
<li class="nav-item dropdown">
<a class="nav-link" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">

2
resources/views/partials/portal/menu.blade.php
View File

@ -1,5 +1,5 @@
@stack('menu_start')
<nav class="sidenav navbar navbar-vertical fixed-left navbar-expand-sm navbar-light bg-default" id="sidenav-main">
<nav class="sidenav navbar navbar-vertical fixed-left navbar-expand-xs navbar-light bg-default" id="sidenav-main">
<div class="scrollbar-inner">
<div class="sidenav-header d-flex align-items-center ml-4">
<ul class="navbar-nav">