|
|
@ -29,7 +29,7 @@ var css = csjs` |
|
|
|
float: right; |
|
|
|
float: right; |
|
|
|
color: ${styles.appProperties.solidBorderBox_BorderColor}; |
|
|
|
color: ${styles.appProperties.solidBorderBox_BorderColor}; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.modalAction { |
|
|
|
.modalAction { |
|
|
|
padding-right: 1px; |
|
|
|
padding-right: 1px; |
|
|
|
padding-left: 1px; |
|
|
|
padding-left: 1px; |
|
|
@ -76,9 +76,9 @@ module.exports = |
|
|
|
this.el.style.width = '150px' |
|
|
|
this.el.style.width = '150px' |
|
|
|
this.el.querySelector('.title').style.width = '146px' |
|
|
|
this.el.querySelector('.title').style.width = '146px' |
|
|
|
} |
|
|
|
} |
|
|
|
maximise () {
|
|
|
|
maximise () { |
|
|
|
this.content.style.display = 'block' |
|
|
|
this.content.style.display = 'block' |
|
|
|
var body = document.querySelector('body') |
|
|
|
var body = document.querySelector('body') |
|
|
|
this.el.style.height = this.isMaximised ? '500px' : body.offsetHeight + 'px' |
|
|
|
this.el.style.height = this.isMaximised ? '500px' : body.offsetHeight + 'px' |
|
|
|
this.el.style.width = this.isMaximised ? '500px' : body.offsetWidth + 'px' |
|
|
|
this.el.style.width = this.isMaximised ? '500px' : body.offsetWidth + 'px' |
|
|
|
this.isMaximised = !this.isMaximised |
|
|
|
this.isMaximised = !this.isMaximised |
|
|
@ -104,7 +104,7 @@ function dragElement (elmnt) { |
|
|
|
|
|
|
|
|
|
|
|
function dragMouseDown (e) { |
|
|
|
function dragMouseDown (e) { |
|
|
|
e = e || window.event |
|
|
|
e = e || window.event |
|
|
|
if (e.button != 0) return |
|
|
|
if (e.button !== 0) return |
|
|
|
e.preventDefault() |
|
|
|
e.preventDefault() |
|
|
|
// get the mouse cursor position at startup:
|
|
|
|
// get the mouse cursor position at startup:
|
|
|
|
pos3 = e.clientX |
|
|
|
pos3 = e.clientX |
|
|
|