btcpayserver/BTCPayServer/wwwroot/pos/common.css
d11n a17c486f81
POS: Remove forced center alignment for description (#5555)
Allows to specify the text alignment in the description container via the richt text editor. Before it was center aligned, no matter what one did in the editor.

This is feedback we got in yesterdays call with Start9.
2023-12-14 12:09:45 +01:00

63 lines
1.1 KiB
CSS

#PosPrint,
#PosStatic {
--wrap-max-width: 1320px;
}
.lead {
max-width: 36em;
margin: 0 auto 2.5rem;
}
.lead :last-child {
margin-bottom: 0;
}
.posItem {
display: none;
position: relative;
}
.posItem.posItem--inStock {
cursor: pointer;
}
.posItem-added {
display: flex;
align-items: center;
justify-content: center;
background: var(--btcpay-success);
color: var(--btcpay-success-text);
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
opacity: 0;
pointer-events: none;
transition: opacity var(--btcpay-transition-duration-default) ease-in-out;
}
.posItem-added .icon {
width: 2rem;
height: 2rem;
}
.posItem--added {
pointer-events: none;
}
.posItem--added .posItem-added {
opacity: .8;
}
.posItem--displayed {
display: flex;
}
.posItem--first {
margin-left: auto;
}
.posItem--last {
margin-right: auto;
}
.posItem .card {
width: 100%;
}
.posItem .card .card-body {
flex-grow: 0;
}
.posItem .card .card-img-top {
max-height: 210px;
object-fit: scale-down;
}