mbk-lab
/
nextcloud
2
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

file hovering now very fancy, CSS fade for row and extension

This commit is contained in:
Jan-Christoph Borchardt 2011-08-12 11:51:44 +02:00
parent 9ba303a95f
commit f62b315159
4 changed files with 14 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
core/js/js.js
View File

@ -290,7 +290,7 @@ $(document).ready(function(){
$('#settings #expand+span').fadeToggle(); $('#settings #expand+span').fadeToggle();
}); });
$('a.file_action').tipsy({gravity:'s', live:true}); $('.file_action').tipsy({gravity:'s', live:true});
$('.selectedActions a').tipsy({gravity:'n', live:true}); $('.selectedActions a').tipsy({gravity:'n', live:true});
$('.selectedActions a.delete').tipsy({gravity: 'ne', live:true}); $('.selectedActions a.delete').tipsy({gravity: 'ne', live:true});
}); });

10
files/css/files.css
View File

@ -26,10 +26,20 @@
/* FILE TABLE */ /* FILE TABLE */
span#emptyfolder { position:absolute; margin:10em 0 0 10em; font-size:1.5em; font-weight:bold; color:#888; text-shadow:#fff 0 1px 0; } span#emptyfolder { position:absolute; margin:10em 0 0 10em; font-size:1.5em; font-weight:bold; color:#888; text-shadow:#fff 0 1px 0; }
table { position:relative; top:37px; width:100%; } table { position:relative; top:37px; width:100%; }
table tr { -webkit-transition:background-color 100ms ease-in 100ms;
-moz-transition:background-color 100ms ease-in 100ms;
-o-transition:background-color 100ms ease-in 100ms;
transition:background-color 100ms ease-in 100ms; }
tbody tr:hover, tbody tr:active, tbody tr.selected { background-color:#f8f8f8; height:1em; } tbody tr:hover, tbody tr:active, tbody tr.selected { background-color:#f8f8f8; height:1em; }
tbody tr.selected { background-color:#eee; } tbody tr.selected { background-color:#eee; }
tbody a { color:#000; } tbody a { color:#000; }
span.extention, td.date { color:#999; } span.extention, td.date { color:#999; }
span.extention { opacity:0;
-webkit-transition:opacity 100ms ease-in 100ms;
-moz-transition:opacity 100ms ease-in 100ms;
-o-transition:opacity 100ms ease-in 100ms;
transition:opacity 100ms ease-in 100ms; }
tr:hover span.extention { opacity:1; }
div.crumb { float:left; display:block; background:no-repeat right 0; padding:.75em 1.5em 0 1em; height:2.9em; } div.crumb { float:left; display:block; background:no-repeat right 0; padding:.75em 1.5em 0 1em; height:2.9em; }
div.crumb:first-child { padding-left:1.5em; } div.crumb:first-child { padding-left:1.5em; }
div.crumb:last-child { font-weight:bold; } div.crumb:last-child { font-weight:bold; }

4
files/js/filelist.js
View File

@ -3,7 +3,7 @@ FileList={
$('#fileList').empty().html(fileListHtml); $('#fileList').empty().html(fileListHtml);
}, },
addFile:function(name,size,lastModified,loading){ addFile:function(name,size,lastModified,loading){
var img=(loading)?OC.imagePath('core', 'loading.gif'):OC.imagePath('core', 'filetypes/file.png'); var img=(loading)?OC.imagePath('core', 'loading.gif'):OC.imagePath('core', 'filetypes/file');
var html='<tr data-file="'+name+'" data-type="file" data-size="'+size+'">'; var html='<tr data-file="'+name+'" data-type="file" data-size="'+size+'">';
if(name.indexOf('.')!=-1){ if(name.indexOf('.')!=-1){
var basename=name.substr(0,name.indexOf('.')); var basename=name.substr(0,name.indexOf('.'));
@ -38,7 +38,7 @@ FileList={
}, },
addDir:function(name,size,lastModified){ addDir:function(name,size,lastModified){
var html='<tr data-file="'+name+'" data-type="dir" data-size="'+size+'">'; var html='<tr data-file="'+name+'" data-type="dir" data-size="'+size+'">';
html+='<td class="filename" style="background-image:url(img/folder.png)"><input type="checkbox" /><a class="name" href="index.php?dir='+$('#dir').val()+'/'+name+'">'+name+'</a></td>'; html+='<td class="filename" style="background-image:url('+OC.imagePath('core', 'places/folder')+')"><input type="checkbox" /><a class="name" href="index.php?dir='+$('#dir').val()+'/'+name+'">'+name+'</a></td>';
if(size!='Pending'){ if(size!='Pending'){
simpleSize=simpleFileSize(size); simpleSize=simpleFileSize(size);
}else{ }else{

2
files/js/files.js
View File

@ -423,5 +423,5 @@ function getMimeIcon(mime){
if(knownMimes.indexOf(mime)==-1){ if(knownMimes.indexOf(mime)==-1){
mime='file'; mime='file';
} }
return OC.imagePath('core','mimetypes/'+mime+'.png'); return OC.imagePath('core','filetypes/'+mime);
} }