Edouard Vanbelle
94b36e41e0
note: there is still work to do, but has there are risks to conflict I prefer to commit this first part now
57 lines
1.0 KiB
CSS
57 lines
1.0 KiB
CSS
.trash-item {
|
|
position: relative;
|
|
}
|
|
|
|
.trash-actions {
|
|
position: absolute;
|
|
top: 10px;
|
|
right: 10px;
|
|
display: none;
|
|
gap: 8px;
|
|
}
|
|
|
|
.files-grid-view .file-card.trash-item:hover .trash-actions,
|
|
.files-list-view .file-item.trash-item:hover .actions-cell {
|
|
display: flex;
|
|
}
|
|
|
|
.trash-actions button,
|
|
.actions-cell button {
|
|
background: var(--color-trash-surface);
|
|
border: 1px solid var(--color-trash-border);
|
|
border-radius: 4px;
|
|
padding: 4px 8px;
|
|
cursor: pointer;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
width: 30px;
|
|
height: 30px;
|
|
transition: all 0.2s;
|
|
}
|
|
|
|
.trash-actions button:hover,
|
|
.actions-cell button:hover {
|
|
background: var(--color-trash-empty-bg);
|
|
}
|
|
|
|
.btn-restore {
|
|
color: var(--color-trash-restore);
|
|
}
|
|
|
|
.btn-delete {
|
|
color: var(--color-trash-delete);
|
|
}
|
|
|
|
.actions-cell {
|
|
display: flex;
|
|
gap: 8px;
|
|
justify-content: flex-start;
|
|
align-items: center;
|
|
}
|
|
|
|
.btn-danger {
|
|
background-color: var(--color-trash-delete);
|
|
color: var(--color-danger-text);
|
|
}
|