app/BTCPayApp.UI/Components/AppItemsEditor.razor.css
2024-11-12 12:32:21 +01:00

93 lines
1.7 KiB
CSS

.editor .plk-dd-inprogess > * {
pointer-events: none;
}
.editor ::deep .list-group-item:not(.active) {
background: none;
}
.editor ::deep .list-group-item.active {
background: var(--btcpay-bg-tile);;
}
.editor ::deep .list-group-item {
--image-size: 3rem;
border: none;
margin: 0;
padding: var(--btcpay-space-m) var(--btcpay-space-m) var(--btcpay-space-m) var(--btcpay-space-s) !important;
}
.editor ::deep .list-group-item + .list-group-item.active {
margin: 0;
border: 0;
}
.editor ::deep .list-group-item .img img {
width: var(--image-size);
height: var(--image-size);
}
.editor ::deep .list-group-item .img img {
max-width: var(--image-size);
max-height: var(--image-size);
object-fit: scale-down;
border-radius: var(--btcpay-border-radius);
}
.editor .item-image {
height: 2.1rem;
width: 2.1rem;
object-fit: contain;
}
.editor fieldset .list-group-item {
padding: var(--btcpay-space-m) 0 var(--btcpay-space-m);
}
.editor .control {
color: var(--btcpay-body-text-muted);
border: none;
padding: 0 var(--btcpay-space-xs);
}
.editor .control.drag[disabled] {
visibility: hidden;
}
.editor .control.drag:hover {
color: var(--btcpay-primary);
}
.editor .control.remove:hover {
color: var(--btcpay-danger);
}
.editor .control.remove .icon {
--icon-size: 1.75rem;
}
.editor .field .form-group:last-child {
margin-bottom: 0;
}
.editor .nested-fields {
margin: 0 -3.1rem 0 -.5rem;
}
.editor .nested-fields .list-group-item {
padding-right: 1rem;
}
:disabled .editor {
pointer-events: none;
}
:disabled .editor .bg-tile {
background-color: var(--btcpay-form-bg-disabled);
}
:disabled .editor .control,
:disabled .editor button {
display: none !important;
}