wbrawner/server
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Merge pull request #20150 from pellaeon/pr-droppable-hover-visual-cue

Browse source 
Add visual cue when moving draggable item over droppable item,
This commit is contained in:
Vincent Petry 2016-05-30 16:03:36 +02:00
commit 76c0bc29fe
4 changed files with 11 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
apps/files/css/files.css
View file

@ -828,3 +828,8 @@ html.ie8 #controls .button.new {
.app-files .actions .button.new .icon {
margin-bottom: 2px;
}
.canDrop,
#filestable tbody tr.canDrop {
background-color: rgba(255, 255, 140, 1);
}

3
apps/files/js/breadcrumb.js
View file

@ -133,7 +133,8 @@
drop: this.onDrop,
over: this.onOver,
out: this.onOut,
tolerance: 'pointer'
tolerance: 'pointer',
hoverClass: 'canDrop'
});
}

2
apps/files/js/filelist.js
View file

@ -1320,7 +1320,7 @@
}
// allow dropping on folders
if (this._folderDropOptions && mime === 'httpd/unix-directory') {
filenameTd.droppable(this._folderDropOptions);
tr.droppable(this._folderDropOptions);
}
if (options.hidden) {

4
core/css/styles.css
View file

@ -862,7 +862,9 @@ span.ui-icon {float: left; margin: 3px 7px 30px 0;}
div.crumb {
float: left;
display: block;
background: url('../img/breadcrumb.svg') no-repeat right center;
background-image: url('../img/breadcrumb.svg');
background-repeat: no-repeat;
background-position: right center;
height: 44px;
background-size: auto 24px;
}