
Removing the element, as it was not really needed at all. Also, removed a debug statement that was discovered in material.hamburger.js while refactoring for this change. Added a 'container-fluid' class to the content body as well, because it is not possible to configure Horizon as a non-fluid layout without a container element around the first 'row' element. Change-Id: I097ea31f991e8d15987b7cf54b77a309d6155771 Closes-bug: #1368924
34 lines
1.1 KiB
JavaScript
34 lines
1.1 KiB
JavaScript
/*
|
|
* (c) Copyright 2015 Hewlett-Packard Development Company, L.P.
|
|
*
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
* you may not use this file except in compliance with the License.
|
|
* You may obtain a copy of the License at
|
|
*
|
|
* http://www.apache.org/licenses/LICENSE-2.0
|
|
*
|
|
* Unless required by applicable law or agreed to in writing, software
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
* See the License for the specific language governing permissions and
|
|
* limitations under the License.
|
|
*/
|
|
$(document).ready(function () {
|
|
'use strict';
|
|
|
|
var $sidenav = $('#sidebar');
|
|
var $mask = $(document.createElement('div'))
|
|
.prop('id', 'md-hamburger-mask')
|
|
.appendTo($('#content_body'));
|
|
|
|
// Hamburger Happiness !!!
|
|
$(document).on('click', '.md-hamburger', function () {
|
|
$(this).find('.md-hamburger-layer')
|
|
.toggleClass('md-hamburger-arrow')
|
|
.toggleClass('md-hamburger-menu');
|
|
|
|
$mask.toggleClass('active');
|
|
$sidenav.toggleClass('active');
|
|
});
|
|
});
|