Mirror/filesafe
1
0
Fork 0
mirror of https://github.com/BobbyWibowo/lolisafe.git synced 2024-12-13 16:06:21 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Updates

Browse Source 
* File name, album/owner and size in thumbs view will no longer be clipped. Instead their overflow will be hidden in the form of ellipsis.

* Updated screenshot in README.md.
This commit is contained in:
Bobby Wibowo 2018-03-31 21:44:06 +07:00
parent ceda9e67f7
commit 4a2b7b3693
No known key found for this signature in database
GPG Key ID: 51C3A1E1E22D26CF
4 changed files with 15 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
README.md
View File

@ -1,4 +1,4 @@
![loli-safe](https://s.fiery.me/cFUN.png)
![loli-safe](https://s.fiery.me/7PEj.png)
[![GitHub license](https://img.shields.io/badge/license-MIT-blue.svg?style=flat-square)](https://raw.githubusercontent.com/kanadeko/Kuro/master/LICENSE)
[![Chat / Support](https://img.shields.io/badge/Chat%20%2F%20Support-discord-7289DA.svg?style=flat-square)](https://discord.gg/5g6vgwn)

4
pages/dashboard.html
View File

@ -13,11 +13,11 @@
<link rel="stylesheet" type="text/css" href="libs/bulma/bulma.min.css?v=8FbubjpYRC">
<link rel="stylesheet" type="text/css" href="libs/fontello/fontello.css?v=qXMCPUL26R">
<link rel="stylesheet" type="text/css" href="css/style.css?v=vZEyc9zyh6">
<link rel="stylesheet" type="text/css" href="css/dashboard.css?v=kCjupdRSXT">
<link rel="stylesheet" type="text/css" href="css/dashboard.css?v=RLPtEH87fK">
<script type="text/javascript" src="libs/sweetalert/sweetalert.min.js?v=8FbubjpYRC"></script>
<script type="text/javascript" src="libs/axios/axios.min.js?v=8FbubjpYRC"></script>
<script type="text/javascript" src="libs/clipboard.js/clipboard.min.js?v=8FbubjpYRC"></script>
<script type="text/javascript" src="js/dashboard.js?v=kCjupdRSXT"></script>
<script type="text/javascript" src="js/dashboard.js?v=RLPtEH87fK"></script>
<!-- Open Graph tags -->
<meta property="og:type" content="website" />

14
public/css/dashboard.css
View File

@ -117,7 +117,7 @@ html {
background-color: rgba(49, 54, 59, .75);
}
.image-container .name {
.image-container .details {
position: absolute;
left: .75rem;
bottom: .75rem;
@ -128,7 +128,13 @@ html {
font-size: .75rem;
}
.image-container .name span {
.image-container .details p {
display: block;
text-overflow: ellipsis;
overflow: hidden;
}
.image-container .details p span {
font-weight: 800;
}
@ -140,14 +146,14 @@ html {
}
.no-touch .image-container .controls,
.no-touch .image-container .name {
.no-touch .image-container .details {
opacity: 0;
transition: opacity .25s;
}
.no-touch .image-container:hover .file-checkbox,
.no-touch .image-container:hover .controls,
.no-touch .image-container:hover .name {
.no-touch .image-container:hover .details {
opacity: 1;
}

4
public/js/dashboard.js
View File

@ -213,8 +213,8 @@ panel.getUploads = (album, page, element) => {
</span>
</a>
</div>
<div class="name">
<p><span>${file.name}</span></p>
<div class="details">
<p><span class="name">${file.name}</span></p>
<p>${displayAlbumOrUser ? `<span>${displayAlbumOrUser}</span> – ` : ''}${file.size}</div>
`
table.appendChild(div)