allow downloading individual files from bundle
This commit is contained in:
parent
43d03869ab
commit
007289ffe5
15 changed files with 499 additions and 69 deletions
|
@ -127,6 +127,18 @@ td {
|
|||
padding: 10px;
|
||||
}
|
||||
|
||||
td.file_unavailable {
|
||||
display: none;
|
||||
}
|
||||
|
||||
tr.unavailable td.file_unavailable {
|
||||
display: revert;
|
||||
}
|
||||
|
||||
tr.unavailable td.file_download {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.delete_button {
|
||||
background-color: #888;
|
||||
mask-image: url("../images/feather-icons/x.svg");
|
||||
|
@ -142,6 +154,75 @@ td {
|
|||
background-color: #f00;
|
||||
}
|
||||
|
||||
#download_toplevel {
|
||||
font-size: 24px;
|
||||
}
|
||||
|
||||
#download_toplevel div {
|
||||
margin-top: 5px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
#download_toplevel .file_name {
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
#download_toplevel .file_download {
|
||||
width: 75px;
|
||||
height: 75px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
#download_contents h3 {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
#download_contents table {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.file_download {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.file_download .download_button {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
td.file_download {
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
.download_button {
|
||||
background-color: #33f;
|
||||
mask-image: url("../images/feather-icons/download.svg");
|
||||
mask-size: contain;
|
||||
mask-repeat: no-repeat;
|
||||
mask-position: center;
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.download_button:hover {
|
||||
background-color: #00b;
|
||||
}
|
||||
|
||||
.file_unavailable {
|
||||
background-color: #999;
|
||||
mask-image: url("../images/feather-icons/clock.svg");
|
||||
mask-size: contain;
|
||||
mask-repeat: no-repeat;
|
||||
mask-position: center;
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
}
|
||||
|
||||
td.file_size {
|
||||
text-align: right;
|
||||
}
|
||||
|
@ -162,6 +243,7 @@ button, .fake_button, input[type="submit"] {
|
|||
border-radius: 4px;
|
||||
padding: 6px 12px;
|
||||
cursor: pointer;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
button:hover, .fake_button:hover, input[type="submit"]:hover {
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue