|
.attachmentsList:empty { |
|
width: 100%; |
|
height: 100%; |
|
} |
|
|
|
.attachmentsList:empty::before { |
|
display: flex; |
|
align-items: center; |
|
justify-content: center; |
|
content: "No data"; |
|
font-weight: bolder; |
|
width: 100%; |
|
height: 100%; |
|
opacity: 0.8; |
|
min-height: 3rem; |
|
} |
|
|
|
.attachmentListItem { |
|
padding: 10px; |
|
} |
|
|
|
.attachmentListItem.disabled .attachmentListItemName { |
|
text-decoration: line-through; |
|
opacity: 0.75; |
|
} |
|
|
|
.attachmentListItem.disabled .attachmentFileIcon { |
|
opacity: 0.75; |
|
cursor: not-allowed; |
|
} |
|
|
|
.attachmentListItemSize { |
|
min-width: 4em; |
|
text-align: right; |
|
} |
|
|
|
.attachmentListItemCreated { |
|
text-align: right; |
|
} |
|
|
|
.attachmentListItemCheckboxContainer, |
|
.attachmentBulkActionsContainer, |
|
.attachmentsBulkEditCheckbox { |
|
display: none; |
|
} |
|
|
|
@supports selector(:has(*)) { |
|
.dataBankAttachments:has(.attachmentsBulkEditCheckbox:checked) .attachmentsBulkEditButton { |
|
color: var(--golden); |
|
} |
|
|
|
.dataBankAttachments:has(.attachmentsBulkEditCheckbox:checked) .attachmentBulkActionsContainer { |
|
display: flex; |
|
} |
|
|
|
.dataBankAttachments:has(.attachmentsBulkEditCheckbox:checked) .attachmentListItemCheckboxContainer { |
|
display: inline-flex; |
|
} |
|
|
|
.dataBankAttachments:has(.attachmentsBulkEditCheckbox:checked) .attachmentFileIcon { |
|
display: none; |
|
} |
|
} |
|
|