mirror of
https://activitypub.software/TransFem-org/Sharkey
synced 2024-11-22 22:15:12 +00:00
This commit is contained in:
parent
1a80fdeaae
commit
03a35b3fd5
3 changed files with 139 additions and 123 deletions
|
@ -1,9 +1,9 @@
|
|||
<mk-drive>
|
||||
<nav ref="nav">
|
||||
<p onclick={ goRoot }>%fa:cloud%%i18n:mobile.tags.mk-drive.drive%</p>
|
||||
<a onclick={ goRoot } href="/i/drive">%fa:cloud%%i18n:mobile.tags.mk-drive.drive%</a>
|
||||
<virtual each={ folder in hierarchyFolders }>
|
||||
<span>%fa:angle-right%</span>
|
||||
<p onclick={ move }>{ folder.name }</p>
|
||||
<a onclick={ move } href="/i/drive/folder/{ folder.id }">{ folder.name }</a>
|
||||
</virtual>
|
||||
<virtual if={ folder != null }>
|
||||
<span>%fa:angle-right%</span>
|
||||
|
@ -74,9 +74,12 @@
|
|||
border-bottom solid 1px rgba(0, 0, 0, 0.13)
|
||||
|
||||
> p
|
||||
> a
|
||||
display inline
|
||||
margin 0
|
||||
padding 0
|
||||
text-decoration none !important
|
||||
color inherit
|
||||
|
||||
&:last-child
|
||||
font-weight bold
|
||||
|
@ -246,6 +249,7 @@
|
|||
|
||||
this.move = ev => {
|
||||
this.cd(ev.item.folder);
|
||||
return false;
|
||||
};
|
||||
|
||||
this.cd = (target, silent = false) => {
|
||||
|
@ -339,6 +343,8 @@
|
|||
this.trigger('move-root');
|
||||
this.fetch();
|
||||
}
|
||||
|
||||
return false;
|
||||
};
|
||||
|
||||
this.fetch = () => {
|
||||
|
|
|
@ -1,4 +1,5 @@
|
|||
<mk-drive-file onclick={ onclick } data-is-selected={ isSelected }>
|
||||
<mk-drive-file data-is-selected={ isSelected }>
|
||||
<a onclick={ onclick } href="/i/drive/file/{ file.id }">
|
||||
<div class="container">
|
||||
<div class="thumbnail" style={ 'background-image: url(' + file.url + '?thumbnail&size=128)' }></div>
|
||||
<div class="body">
|
||||
|
@ -20,14 +21,17 @@
|
|||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<style>
|
||||
:scope
|
||||
display block
|
||||
|
||||
&, *
|
||||
user-select none
|
||||
> a
|
||||
display block
|
||||
text-decoration none !important
|
||||
|
||||
*
|
||||
user-select none
|
||||
pointer-events none
|
||||
|
||||
> .container
|
||||
|
@ -136,6 +140,7 @@
|
|||
|
||||
this.onclick = () => {
|
||||
this.browser.chooseFile(this.file);
|
||||
return false;
|
||||
};
|
||||
</script>
|
||||
</mk-drive-file>
|
||||
|
|
|
@ -1,16 +1,20 @@
|
|||
<mk-drive-folder onclick={ onclick }>
|
||||
<a onclick={ onclick } href="/i/drive/folder/{ folder.id }">
|
||||
<div class="container">
|
||||
<p class="name">%fa:folder%{ folder.name }</p>%fa:angle-right%
|
||||
</div>
|
||||
</a>
|
||||
<style>
|
||||
:scope
|
||||
display block
|
||||
color #777
|
||||
|
||||
&, *
|
||||
user-select none
|
||||
> a
|
||||
display block
|
||||
color #777
|
||||
text-decoration none !important
|
||||
|
||||
*
|
||||
user-select none
|
||||
pointer-events none
|
||||
|
||||
> .container
|
||||
|
@ -42,6 +46,7 @@
|
|||
|
||||
this.onclick = () => {
|
||||
this.browser.cd(this.folder);
|
||||
return false;
|
||||
};
|
||||
</script>
|
||||
</mk-drive-folder>
|
||||
|
|
Loading…
Reference in a new issue