mirror of
https://github.com/ansible/awx.git
synced 2026-01-14 11:20:39 -03:30
Completely remove jPushMenu
This commit is contained in:
Joe Fiorini
parent
2c442cbbbe
commit
9d95020bf5
@ -1,167 +0,0 @@
|
||||
/* General styles for all menus */
|
||||
|
||||
.cbp-spmenu {
|
||||
background: #47a3da;
|
||||
position: fixed;
|
||||
}
|
||||
|
||||
.cbp-spmenu h3 {
|
||||
color: #afdefa;
|
||||
font-size: 1.9em;
|
||||
padding: 20px;
|
||||
margin: 0;
|
||||
font-weight: 300;
|
||||
background: #0d77b6;
|
||||
}
|
||||
|
||||
.cbp-spmenu a {
|
||||
display: block;
|
||||
color: #fff;
|
||||
font-size: 1.1em;
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
.cbp-spmenu a:hover {
|
||||
background: #258ecd;
|
||||
}
|
||||
|
||||
.cbp-spmenu a:active {
|
||||
background: #afdefa;
|
||||
color: #47a3da;
|
||||
}
|
||||
|
||||
/* Orientation-dependent styles for the content of the menu */
|
||||
|
||||
.cbp-spmenu-vertical {
|
||||
width: 240px;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
z-index: 1100;
|
||||
}
|
||||
|
||||
.cbp-spmenu-vertical a {
|
||||
border-bottom: 1px solid #258ecd;
|
||||
padding: 1em;
|
||||
}
|
||||
|
||||
.cbp-spmenu-horizontal {
|
||||
width: 100%;
|
||||
height: 150px;
|
||||
left: 0;
|
||||
z-index: 1000;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.cbp-spmenu-horizontal h3 {
|
||||
height: 100%;
|
||||
width: 20%;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.cbp-spmenu-horizontal a {
|
||||
float: left;
|
||||
width: 20%;
|
||||
padding: 0.8em;
|
||||
border-left: 1px solid #258ecd;
|
||||
}
|
||||
|
||||
/* Vertical menu that slides from the left or right */
|
||||
|
||||
.cbp-spmenu-left {
|
||||
left: -240px;
|
||||
}
|
||||
|
||||
.cbp-spmenu-right {
|
||||
right: -240px;
|
||||
}
|
||||
|
||||
.cbp-spmenu-left.cbp-spmenu-open {
|
||||
left: 0px;
|
||||
}
|
||||
|
||||
.cbp-spmenu-right.cbp-spmenu-open {
|
||||
right: 0px;
|
||||
}
|
||||
|
||||
/* Horizontal menu that slides from the top or bottom */
|
||||
|
||||
.cbp-spmenu-top {
|
||||
top: -150px;
|
||||
}
|
||||
|
||||
.cbp-spmenu-bottom {
|
||||
bottom: -150px;
|
||||
}
|
||||
|
||||
.cbp-spmenu-top.cbp-spmenu-open {
|
||||
top: 0px;
|
||||
}
|
||||
|
||||
.cbp-spmenu-bottom.cbp-spmenu-open {
|
||||
bottom: 0px;
|
||||
}
|
||||
|
||||
/* Push classes applied to the body */
|
||||
|
||||
.cbp-spmenu-push {
|
||||
overflow-x: hidden;
|
||||
position: relative;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.cbp-spmenu-push-toright {
|
||||
left: 240px;
|
||||
}
|
||||
|
||||
.cbp-spmenu-push-toleft {
|
||||
left: -240px;
|
||||
}
|
||||
|
||||
/* Transitions */
|
||||
|
||||
.cbp-spmenu,
|
||||
.cbp-spmenu-push {
|
||||
-webkit-transition: all 0.3s ease;
|
||||
-moz-transition: all 0.3s ease;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
|
||||
/* Example media queries */
|
||||
|
||||
@media screen and (max-width: 55.1875em){
|
||||
|
||||
.cbp-spmenu-horizontal {
|
||||
font-size: 75%;
|
||||
height: 110px;
|
||||
}
|
||||
|
||||
.cbp-spmenu-top {
|
||||
top: -110px;
|
||||
}
|
||||
|
||||
.cbp-spmenu-bottom {
|
||||
bottom: -110px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media screen and (max-height: 26.375em){
|
||||
|
||||
.cbp-spmenu-vertical {
|
||||
font-size: 90%;
|
||||
width: 190px;
|
||||
}
|
||||
|
||||
.cbp-spmenu-left,
|
||||
.cbp-spmenu-push-toleft {
|
||||
left: -190px;
|
||||
}
|
||||
|
||||
.cbp-spmenu-right {
|
||||
right: -190px;
|
||||
}
|
||||
|
||||
.cbp-spmenu-push-toright {
|
||||
left: 190px;
|
||||
}
|
||||
}
|
||||
@ -1,99 +0,0 @@
|
||||
/*!
|
||||
* jPushMenu.js
|
||||
* 1.1.1
|
||||
* @author: takien
|
||||
* http://takien.com
|
||||
* Original version (pure JS) is created by Mary Lou http://tympanus.net/
|
||||
*/
|
||||
|
||||
(function($) {
|
||||
$.fn.jPushMenu = function(customOptions) {
|
||||
var jPushMenu,
|
||||
o = $.extend({}, $.fn.jPushMenu.defaultOptions, customOptions);
|
||||
|
||||
/* add class to the body.*/
|
||||
|
||||
$('body').addClass(o.bodyClass);
|
||||
$(this).addClass('jPushMenuBtn');
|
||||
$(this).click(function() {
|
||||
var target = '',
|
||||
push_direction = '';
|
||||
|
||||
if($(this).is('.'+o.showLeftClass)) {
|
||||
target = '.cbp-spmenu-left';
|
||||
push_direction = 'toright';
|
||||
}
|
||||
else if($(this).is('.'+o.showRightClass)) {
|
||||
target = '.cbp-spmenu-right';
|
||||
push_direction = 'toleft';
|
||||
}
|
||||
else if($(this).is('.'+o.showTopClass)) {
|
||||
target = '.cbp-spmenu-top';
|
||||
}
|
||||
else if($(this).is('.'+o.showBottomClass)) {
|
||||
target = '.cbp-spmenu-bottom';
|
||||
}
|
||||
|
||||
|
||||
$(this).toggleClass(o.activeClass);
|
||||
$(target).toggleClass(o.menuOpenClass);
|
||||
|
||||
if ($(this).is('.'+o.pushBodyClass)) {
|
||||
$('body').toggleClass( 'cbp-spmenu-push-'+push_direction );
|
||||
}
|
||||
|
||||
/* disable all other button*/
|
||||
$('.jPushMenuBtn').not($(this)).toggleClass('disabled');
|
||||
|
||||
return false;
|
||||
});
|
||||
jPushMenu = {
|
||||
close: function () {
|
||||
$('.jPushMenuBtn,body,.cbp-spmenu').removeClass('disabled active cbp-spmenu-open cbp-spmenu-push-toleft cbp-spmenu-push-toright');
|
||||
}
|
||||
};
|
||||
|
||||
if (o.closeOnClickInside) {
|
||||
$(document).click(function() {
|
||||
jPushMenu.close();
|
||||
});
|
||||
|
||||
$('.cbp-spmenu,.toggle-menu').click(function(e){
|
||||
e.stopPropagation();
|
||||
});
|
||||
}
|
||||
|
||||
if (o.closeOnClickOutside) {
|
||||
$(document).click(function() {
|
||||
jPushMenu.close();
|
||||
});
|
||||
|
||||
$('.cbp-spmenu,.toggle-menu').click(function(e){
|
||||
e.stopPropagation();
|
||||
});
|
||||
}
|
||||
|
||||
// On Click Link
|
||||
if (o.closeOnClickLink) {
|
||||
$('.cbp-spmenu a').on('click',function(){
|
||||
jPushMenu.close();
|
||||
});
|
||||
}
|
||||
};
|
||||
/* in case you want to customize class name,
|
||||
* do not directly edit here, use function parameter when call jPushMenu.
|
||||
*/
|
||||
$.fn.jPushMenu.defaultOptions = {
|
||||
bodyClass : 'cbp-spmenu-push',
|
||||
activeClass : 'menu-active',
|
||||
showLeftClass : 'menu-left',
|
||||
showRightClass : 'menu-right',
|
||||
showTopClass : 'menu-top',
|
||||
showBottomClass : 'menu-bottom',
|
||||
menuOpenClass : 'cbp-spmenu-open',
|
||||
pushBodyClass : 'push-body',
|
||||
closeOnClickOutside: true,
|
||||
closeOnClickInside: true,
|
||||
closeOnClickLink: true
|
||||
};
|
||||
})(jQuery);
|
||||
@ -275,7 +275,6 @@
|
||||
var $AnsibleConfig;
|
||||
|
||||
require('tower/app');
|
||||
$('#main-menu-toggle-button').jPushMenu();
|
||||
</script>
|
||||
|
||||
</body>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user