fix scorllbar bug
This commit is contained in:
parent
84d4743ef0
commit
57827fb0cf
|
@ -149,7 +149,7 @@
|
||||||
</aside>
|
</aside>
|
||||||
|
|
||||||
<div id="content-wrapper" class="content-wrapper">
|
<div id="content-wrapper" class="content-wrapper">
|
||||||
<div ng-view cg-busy="{ promise: loadPromise, message: ('Loading' | translate) }"></div>
|
<div id="content-body" class="content-body" ng-view cg-busy="{ promise: loadPromise, message: ('Loading' | translate) }"></div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<footer class="main-footer">
|
<footer class="main-footer">
|
||||||
|
|
|
@ -3,29 +3,10 @@
|
||||||
|
|
||||||
//copy from AdminLTE app.js
|
//copy from AdminLTE app.js
|
||||||
var fixContentWrapperHeight = function () {
|
var fixContentWrapperHeight = function () {
|
||||||
|
var windowHeight = $(window).height();
|
||||||
var neg = $('.main-header').outerHeight() + $('.main-footer').outerHeight();
|
var neg = $('.main-header').outerHeight() + $('.main-footer').outerHeight();
|
||||||
var window_height = $(window).height();
|
|
||||||
var sidebar_height = $(".sidebar").height();
|
|
||||||
|
|
||||||
if ($("body").hasClass("fixed")) {
|
$(".content-body").css('height', windowHeight - neg);
|
||||||
$(".content-wrapper, .right-side").css('height', window_height - $('.main-footer').outerHeight());
|
|
||||||
} else {
|
|
||||||
var postSetWidth;
|
|
||||||
if (window_height >= sidebar_height) {
|
|
||||||
$(".content-wrapper, .right-side").css('height', window_height - neg);
|
|
||||||
postSetWidth = window_height - neg;
|
|
||||||
} else {
|
|
||||||
$(".content-wrapper, .right-side").css('height', sidebar_height);
|
|
||||||
postSetWidth = sidebar_height;
|
|
||||||
}
|
|
||||||
|
|
||||||
//Fix for the control sidebar height
|
|
||||||
var controlSidebar = $($.AdminLTE.options.controlSidebarOptions.selector);
|
|
||||||
if (typeof controlSidebar !== "undefined") {
|
|
||||||
if (controlSidebar.height() > postSetWidth)
|
|
||||||
$(".content-wrapper, .right-side").css('height', controlSidebar.height());
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
};
|
||||||
|
|
||||||
$(window, ".wrapper").resize(function () {
|
$(window, ".wrapper").resize(function () {
|
||||||
|
|
|
@ -4,6 +4,10 @@
|
||||||
*/
|
*/
|
||||||
|
|
||||||
/* skin-aria-ng */
|
/* skin-aria-ng */
|
||||||
|
.skin-aria-ng {
|
||||||
|
overflow-y: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
.skin-aria-ng, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
|
.skin-aria-ng, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
|
||||||
font-family: 'Hiragino Sans GB', 'Microsoft YaHei', 'STHeiti', 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
font-family: 'Hiragino Sans GB', 'Microsoft YaHei', 'STHeiti', 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
||||||
}
|
}
|
||||||
|
@ -119,14 +123,14 @@
|
||||||
color: #0080ff;
|
color: #0080ff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.skin-aria-ng .content-wrapper {
|
|
||||||
overflow-y: scroll;
|
|
||||||
}
|
|
||||||
|
|
||||||
.skin-aria-ng .content-wrapper, .right-side {
|
.skin-aria-ng .content-wrapper, .right-side {
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.skin-aria-ng .content-wrapper > .content-body {
|
||||||
|
overflow-y: scroll;
|
||||||
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 767px) {
|
@media screen and (max-width: 767px) {
|
||||||
.skin-aria-ng .content-wrapper .content {
|
.skin-aria-ng .content-wrapper .content {
|
||||||
margin-top: 5px;
|
margin-top: 5px;
|
||||||
|
|
Reference in a new issue