ashpie/ily.li
ashpie/ily.li
1
0
Fork 0
Code Issues 3 Pull Requests 1 Releases 2 Wiki Activity

Restore default table cell behavior for actions and table-col-grow-cell

Browse Source
This commit is contained in:
Alice Gaudon 2021-04-22 20:04:48 +02:00
parent 53c5763909
commit 75650bf23f
2 changed files with 44 additions and 38 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

62
assets/sass/layout.scss
View File

@ -667,27 +667,29 @@ button, .button {
// --- Tables // --- Tables
// --- // ---
td.actions { td.actions {
display: flex; > * {
flex-direction: row; display: flex;
justify-content: center; flex-direction: row;
align-items: center; justify-content: center;
align-items: center;
form { form {
padding: 0; padding: 0;
display: inline; display: inline;
}
button, .button {
margin: 0;
padding: 8px;
.feather {
margin-right: 0;
} }
}
> *:not(:first-child) { button, .button {
margin-left: 8px; margin: 0;
padding: 8px;
.feather {
margin-right: 0;
}
}
> *:not(:first-child) {
margin-left: 8px;
}
} }
} }
@ -929,19 +931,21 @@ td.actions {
} }
.table-col-grow-cell { .table-col-grow-cell {
display: flex;
flex-direction: row;
> * { > * {
width: 0; display: flex;
flex-grow: 1; flex-direction: row;
white-space: nowrap;
text-overflow: ellipsis;
}
* { > * {
overflow: hidden; width: 0;
text-overflow: ellipsis; flex-grow: 1;
white-space: nowrap;
text-overflow: ellipsis;
}
* {
overflow: hidden;
text-overflow: ellipsis;
}
} }
} }

20
views/file-uploader.njk
View File

@ -76,16 +76,18 @@
<td>{{ (file.size / (1024 * 1024)).toFixed(2) }}MB</td> <td>{{ (file.size / (1024 * 1024)).toFixed(2) }}MB</td>
<td>{% if file.expires_at %}{{ file.expires_at.toISOString() }}{% else %}Never{% endif %}</td> <td>{% if file.expires_at %}{{ file.expires_at.toISOString() }}{% else %}Never{% endif %}</td>
<td class="actions"> <td class="actions">
{% if file.shouldBeDeleted() %} <div>
Pending deletion {% if file.shouldBeDeleted() %}
{% else %} Pending deletion
<button class="copy-button" data-content="{{ file.getURL() }}"><i data-feather="copy"></i> <span class="tip">Copy URL</span></button> {% else %}
<button class="copy-button" data-content="{{ file.getURL() }}"><i data-feather="copy"></i> <span class="tip">Copy URL</span></button>
<form action="{{ route('delete-file-frontend', file.slug) }}" method="post"> <form action="{{ route('delete-file-frontend', file.slug) }}" method="post">
{{ macros.csrf(getCsrfToken) }} {{ macros.csrf(getCsrfToken) }}
<button class="button danger" onclick="return confirm('Are you sure you want to delete file {{ file.real_name }}?');"><i data-feather="trash"></i> <span class="tip">Delete</span></button> <button class="button danger" onclick="return confirm('Are you sure you want to delete file {{ file.real_name }}?');"><i data-feather="trash"></i> <span class="tip">Delete</span></button>
</form> </form>
{% endif %} {% endif %}
</div>
</td> </td>
</tr> </tr>
{% else %} {% else %}