Skip to content

Commit 66086f7

Browse files
Merge pull request #1696 from nextcloud/fix/noid/trashbin-deletedAt-alignment
Right align deleted at column in trash bin
2 parents 48f5e45 + f32982b commit 66086f7

File tree

1 file changed

+11
-8
lines changed

1 file changed

+11
-8
lines changed

src/components/AppNavigation/Trashbin.vue

+11-8
Original file line numberDiff line numberDiff line change
@@ -48,14 +48,14 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>.
4848
<div class="table__header">
4949
{{ t('tasks', 'Name') }}
5050
</div>
51-
<div class="table__header deletedAt">
51+
<div class="table__header table__header--deletedAt">
5252
{{ t('tasks', 'Deleted') }}
5353
</div>
5454
<div class="table__header">
5555
&nbsp;
5656
</div>
5757
<template v-for="item in items" class="row">
58-
<div :key="`${item.url}desc`">
58+
<div :key="`${item.url}desc`" class="table__body">
5959
<div
6060
class="icon-bullet"
6161
:style="{ 'background-color': item.color }" />
@@ -68,10 +68,10 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>.
6868
</div>
6969
</div>
7070
</div>
71-
<div :key="`${item.url}date`" class="deletedAt">
71+
<div :key="`${item.url}date`" class="table__body table__body--deletedAt">
7272
<Moment class="timestamp" :timestamp="item.deletedAt" />
7373
</div>
74-
<div :key="`${item.url}action`">
74+
<div :key="`${item.url}action`" class="table__body">
7575
<button @click="restore(item)">
7676
{{ t('tasks','Restore') }}
7777
</button>
@@ -284,6 +284,13 @@ export default {
284284
z-index: 1;
285285
}
286286

287+
&__header,
288+
&__body {
289+
&--deletedAt {
290+
justify-content: right;
291+
}
292+
}
293+
287294
& > div {
288295
display: flex;
289296
align-items: center;
@@ -306,10 +313,6 @@ export default {
306313
}
307314
}
308315

309-
.deletedAt {
310-
text-align: right;
311-
}
312-
313316
.footer {
314317
color: var(--color-text-lighter);
315318
text-align: center;

0 commit comments

Comments
 (0)