added fixed layout page

This commit is contained in:
Daniel
2021-06-13 17:20:36 +05:30
parent e25bd67708
commit 7523fda0df
8 changed files with 107 additions and 22 deletions

View File

@@ -1,6 +1,6 @@
/**
* --------------------------------------------
* AdminLTE card-widget.js
* AdminLTE card-widget.ts
* License MIT
* --------------------------------------------
*/
@@ -159,7 +159,6 @@ class CardWidget {
minElm?.classList.remove(this._config.minimizeIcon)
this._parent.style.cssText = `height: ${this._parent.style.height} !important; width: ${this._parent.style.width} !important; transition: all .15s;`
// console.log('🚀 ~ file: card-widget.ts ~ line 164 ~ CardWidget ~ minimize ~ this._parent.style.height', this._parent.style.height)
setTimeout(() => {
document.querySelector('html')?.classList.remove(CLASS_NAME_MAXIMIZED)

View File

@@ -1,6 +1,6 @@
/**
* --------------------------------------------
* AdminLTE treeview.ts
* AdminLTE layout.ts
* License MIT
* --------------------------------------------
*/
@@ -9,15 +9,13 @@ import {
domReady
} from './util/index'
import OverlayScrollbars from 'overlayscrollbars'
/**
* ------------------------------------------------------------------------
* Constants
* ------------------------------------------------------------------------
*/
const CLASS_NAME_RESIZE_ANIMATION_STOPPER = 'resize-animation-stopper'
const CLASS_NAME_HOLD_TRANSITIONs = 'hold-transition'
const SELECTOR_SIDEBAR = '.sidebar'
@@ -35,10 +33,10 @@ class Layout {
holdTransition(): void {
let resizeTimer: number | undefined
window.addEventListener('resize', () => {
document.body.classList.add(CLASS_NAME_RESIZE_ANIMATION_STOPPER)
document.body.classList.add(CLASS_NAME_HOLD_TRANSITIONs)
clearTimeout(resizeTimer)
resizeTimer = setTimeout(() => {
document.body.classList.remove(CLASS_NAME_RESIZE_ANIMATION_STOPPER)
document.body.classList.remove(CLASS_NAME_HOLD_TRANSITIONs)
}, 400)
})
}
@@ -47,7 +45,7 @@ class Layout {
domReady(() => {
const data = new Layout()
data.holdTransition()
// @ts-expect-error
if (typeof OverlayScrollbars !== 'undefined') {
// @ts-expect-error
// eslint-disable-next-line new-cap

View File

@@ -1,6 +1,6 @@
/**
* --------------------------------------------
* AdminLTE treeview.ts
* AdminLTE sidebar-overlay.ts
* License MIT
* --------------------------------------------
*/