Fixes for sidebar nav

This commit is contained in:
David Bomba 2019-08-21 09:17:46 +10:00
parent 9d9addfc30
commit 63fb68faa7
6 changed files with 63 additions and 71 deletions

View File

@ -3,15 +3,12 @@
@section('body') @section('body')
<main class="main"> <main class="main">
<div class="container-fluid"> <div class="container-fluid">
<div class="row"> <div class="row">
<div class="col-lg-12"> <div class="col-lg-12">
<div class="col-lg-6">test</div> <div class="col-lg-6">test</div>
<div class="col-lg-6">test2</div> <div class="col-lg-6">test2</div>
</div> </div>
</div> </div>
</div> </div>
</main> </main>
</body> </body>

View File

@ -7,10 +7,10 @@
<img class="navbar-brand-full" src="/images/logo.png" width="50" height="50" alt="Invoice Ninja Logo"> <img class="navbar-brand-full" src="/images/logo.png" width="50" height="50" alt="Invoice Ninja Logo">
<img class="navbar-brand-minimized" src="/images/logo.png" width="30" height="30" alt="Invoice Ninja Logo"> <img class="navbar-brand-minimized" src="/images/logo.png" width="30" height="30" alt="Invoice Ninja Logo">
</a> </a>
<button class="sidebar-minimizer brand-minimizer" type="button">
<button class="navbar-toggler sidebar-toggler sidebar-minimizer" type="button" data-toggle="sidebar-show">
<span class="navbar-toggler-icon"></span> <span class="navbar-toggler-icon"></span>
</button> </button>
<ul class="nav navbar-nav ml-auto"> <ul class="nav navbar-nav ml-auto">
<li class="nav-item dropdown d-md-down-none" style="padding-left:20px; padding-right: 20px;"> <li class="nav-item dropdown d-md-down-none" style="padding-left:20px; padding-right: 20px;">
<a class="nav-link" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false"> <a class="nav-link" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">

View File

@ -71,8 +71,6 @@
<script src="//cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js" type="text/javascript"></script> <script src="//cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js" type="text/javascript"></script>
<script src="//cdn.datatables.net/1.10.18/js/dataTables.bootstrap4.min.js"></script> <script src="//cdn.datatables.net/1.10.18/js/dataTables.bootstrap4.min.js"></script>
<script src="/vendors/js/select2.min.js"></script> <script src="/vendors/js/select2.min.js"></script>
@endpush
@section('footer')
<script> <script>
/*global json payload*/ /*global json payload*/
@ -239,5 +237,5 @@ $('#statuses').select2({
}); });
</script> </script>
@endsection @endpush

View File

@ -32,8 +32,8 @@
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no"> <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<meta name="author" content="Łukasz Holeczek"> <meta name="author" content="">
<meta name="keyword" content="Bootstrap,Admin,Template,Open,Source,jQuery,CSS,HTML,RWD,Dashboard"> <meta name="keyword" content="">
<!-- Icons--> <!-- Icons-->
<link href="/vendors/css/coreui-icons.min.css" rel="stylesheet"> <link href="/vendors/css/coreui-icons.min.css" rel="stylesheet">
<link href="/vendors/css/font-awesome.min.css" rel="stylesheet"> <link href="/vendors/css/font-awesome.min.css" rel="stylesheet">

View File

@ -42,6 +42,9 @@
<!-- Main styles for this application--> <!-- Main styles for this application-->
<link href="/vendors/css/bootstrap.min.css" rel="stylesheet"> <link href="/vendors/css/bootstrap.min.css" rel="stylesheet">
<link href="/vendors/css/coreui.min.css" rel="stylesheet"> <link href="/vendors/css/coreui.min.css" rel="stylesheet">
<style type="text/css">
.nav {min-height: calc(100% - 55px);}
</style>
@stack('css') @stack('css')
@yield('head') @yield('head')

View File

@ -10,12 +10,6 @@
</li> </li>
@endforeach @endforeach
</ul> </ul>
<div class="ps__rail-x" style="left: 0px; bottom: 0px;">
<div class="ps__thumb-x" tabindex="0" style="left: 0px; width: 0px;"></div>
</div>
<div class="ps__rail-y" style="top: 0px; height: 1142px; right: 0px;">
<div class="ps__thumb-y" tabindex="0" style="top: 0px; height: 1097px;"></div>
</div>
</nav> </nav>
<button class="sidebar-minimizer brand-minimizer" type="button"></button> <button class="sidebar-minimizer brand-minimizer" type="button"></button>
</div> </div>