Mirrors/BookStack
1
0
Fork 0
mirror of https://github.com/BookStackApp/BookStack.git synced 2025-01-31 20:21:36 +01:00
Code Issues Releases Wiki Activity

Some image manager fixes

Browse Source
This commit is contained in:
Dan Brown 2015-08-13 20:28:11 +01:00
parent 59184fa6a9
commit b269b3bb3e
2 changed files with 19 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
resources/assets/js/image-manager.js
View File

@ -18,7 +18,7 @@
this.callback = callback;
}
hide(e) {
hide() {
console.log('test');
$(React.findDOMNode(this)).hide();
}
@ -70,12 +70,19 @@
});
}
overlayClick(e) {
if(e.target.className === 'overlay') {
this.hide();
}
}
render() {
var loadMore = this.loadMore.bind(this);
var selectImage = this.selectImage.bind(this);
var overlayClick = this.overlayClick.bind(this);
var hide = this.hide.bind(this);
return (
<div className="overlay" onClick={hide}>
<div className="overlay" onClick={overlayClick}>
<div id="image-manager">
<div className="image-manager-content">
<div className="dropzone-container" ref="dropZone">
@ -117,7 +124,7 @@
constructor(){
super();
this._dblClickTime = 160;
this._dblClickTime = 350;
this._cClickTime = 0;
}
@ -142,7 +149,7 @@
var imageClick = this.imageClick.bind(this);
return (
<div>
<img onDoubleClick={imageClick} src={this.props.image.thumbnail}/>
<img onClick={imageClick} src={this.props.image.thumbnail}/>
</div>
);
}

10
resources/assets/sass/image-manager.scss
View File

@ -1,5 +1,5 @@
#image-manager {
background-color: #EEE;
background-color: rgb(37, 37, 37);
max-width: 90%;
max-height: 90%;
width: 90%;
@ -21,6 +21,12 @@
left: 0;
z-index: 999;
display: flex;
p, h1, h2, h3, h4, label, input {
color: #EEE;
}
h1, h2, h3 {
font-weight: 300;
}
}
#image-manager .dropzone-container {
height: 100px;
@ -38,7 +44,7 @@
display: block;
float: left;
text-align: center;
background-color: #888;
background-color: #404040;
margin: 1px;
color: #FFF;
line-height: 140px;