Added fastclick.js to deal with touch screen click lag time

This commit is contained in:
Abdullah Almsaeed
2015-02-07 16:34:25 -05:00
parent c8c02c68cf
commit acbb2f4020
35 changed files with 952 additions and 41 deletions

View File

@@ -140,6 +140,10 @@
z-index: 1000;
position: relative;
}
.treeview .nav li a:hover,
.treeview .nav li a:active {
background: transparent;
}
</style>
</head>
<body class="skin-blue fixed" data-spy="scroll" data-target="#scrollspy">
@@ -177,9 +181,10 @@
<li><a href="#layout"><i class='fa fa-circle-o'></i> Layout</a></li>
<li class='treeview' id='scrollspy-components'>
<a href="#components"><i class='fa fa-circle-o'></i> Components</a>
<ul class='treeview-menu'>
<li><a href='#main-header'>Main Header</a></li>
<li><a href='#main-header'>Boxes</a></li>
<ul class='nav treeview-menu'>
<li><a href='#component-main-header'>Main Header</a></li>
<li><a href='#component-sidebar'>Sidebar</a></li>
<li><a href='#component-box'>Boxes</a></li>
</ul>
</li>
<li><a href="#plugins"><i class='fa fa-circle-o'></i> Plugins</a></li>
@@ -462,7 +467,7 @@ AdminLTE/
the HTML page.
</p>
</div>
<h3>Main Header</h3>
<h3 id='component-main-header'>Main Header</h3>
<p class='lead'>The main header contains the logo and navbar. Construction of the
navbar differs slightly from Bootstrap because it has components that Bootstrap doesn't provide.
The navbar can be constructed in two way. This an example for the normal navbar and next we will provide an example for
@@ -856,7 +861,7 @@ AdminLTE/
<!-- ----------------------------------------------------------- -->
<h3>Sidebar</h3>
<h3 id='component-sidebar'>Sidebar</h3>
<p class="lead">
The sidebar used in this page to the left provides an example of what your sidebar should like.
Construction of a sidebar:
@@ -906,7 +911,7 @@ AdminLTE/
<!-- ----------------------------------------------------------- -->
<h3>Box</h3>
<h3 id='component-box'>Box</h3>
<p class="lead">The box component is the most widely used component through out this template. You can
use it for anything from displaying charts to just blocks of text. It comes in many different
styles that we will explore below.</p>
@@ -1097,7 +1102,7 @@ AdminLTE/
<section id='plugins'>
<h2 class='page-header'><span>Plugins</span></h2>
<p class="lead">AdminLTE makes use of the following plugins. For documentation and/or updates, please visit the provided links.</p>
<p class="lead">AdminLTE makes use of the following plugins. For documentation, updates or license information, please visit the provided links.</p>
<div class='row'>
<div class='col-sm-3'>
<ul class="list-unstyled">
@@ -1155,6 +1160,7 @@ AdminLTE/
<li>Chrome (latest)</li>
<li>Opera (latest)</li>
</ul>
<p><b>Note:</b> IE9 does not support transitions or animations. The template will function properly but it won't use animations/transitions on IE9.</p>
</section>
<!-- ============================================================= -->
@@ -1255,13 +1261,13 @@ AdminLTE/
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js" type="text/javascript"></script>
<!-- FastClick -->
<script src='../plugins/fastclick/fastclick.min.js'></script>
<!-- AdminLTE App -->
<script src="../dist/js/app.min.js" type="text/javascript"></script>
<!-- SlimScroll 1.3.0 -->
<script src="../plugins/slimScroll/jquery.slimscroll.min.js" type="text/javascript"></script>
<script src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js"></script>
<script src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js"></script>
<script>
$(function () {
$(".sidebar-menu li a").click(function () {