81 lines
4.5 KiB
CSS
81 lines
4.5 KiB
CSS
.opportunities-extension-account-plans-dialog.opportunities-extension-install-base-dialog {
|
|
width: min(1700px, 100%);
|
|
}
|
|
.opportunities-extension-install-base-dialog .opportunities-extension-account-plans-header {
|
|
padding: 10px 12px;
|
|
gap: 12px;
|
|
}
|
|
.opportunities-extension-install-base-dialog .opportunities-extension-account-plans-header h2 {
|
|
font-size: 16px;
|
|
line-height: 22px;
|
|
}
|
|
.opportunities-extension-install-base-dialog .opportunities-extension-account-plans-header p {
|
|
font-size: 12px;
|
|
line-height: 16px;
|
|
margin-top: 3px;
|
|
overflow-wrap: anywhere;
|
|
}
|
|
.opportunities-extension-install-base-dialog .opportunities-extension-icon-button {
|
|
width: 28px;
|
|
height: 28px;
|
|
min-width: 28px;
|
|
min-height: 28px;
|
|
padding: 4px;
|
|
}
|
|
.opportunities-extension-install-base-dialog .opportunities-extension-customer-table-toolbar {
|
|
padding: 8px 12px;
|
|
}
|
|
.opportunities-extension-install-base-dialog .opportunities-extension-customer-table-search {
|
|
width: min(320px, 100%);
|
|
height: 32px;
|
|
padding: 4px 8px;
|
|
font-size: 12px;
|
|
line-height: 20px;
|
|
}
|
|
.opportunities-extension-install-base-content {
|
|
min-width: 0;
|
|
min-height: 0;
|
|
overflow: auto;
|
|
scrollbar-gutter: stable;
|
|
}
|
|
.opportunities-extension-install-base-message { margin: 10px 12px; font-size: 12px; line-height: 16px; }
|
|
.opportunities-extension-install-base-table {
|
|
width: 100%; min-width: 1120px; table-layout: fixed; border-collapse: collapse; font-size: 11px;
|
|
}
|
|
.opportunities-extension-install-base-table col { width: 7%; }
|
|
.opportunities-extension-install-base-table .install-base-col-partyName { width: 12%; }
|
|
.opportunities-extension-install-base-table .install-base-col-productGroupName { width: 13%; }
|
|
.opportunities-extension-install-base-table .install-base-col-productName { width: 13%; }
|
|
.opportunities-extension-install-base-table .install-base-col-quantity { width: 5%; }
|
|
.opportunities-extension-install-base-table .install-base-col-quantityType { width: 8%; }
|
|
.opportunities-extension-install-base-table th,
|
|
.opportunities-extension-install-base-table td {
|
|
padding: 8px 6px; text-align: left; vertical-align: middle; overflow-wrap: anywhere;
|
|
border-bottom: 1px solid #e8e5e1; line-height: 1.4;
|
|
}
|
|
.opportunities-extension-install-base-table th { position: sticky; top: 0; z-index: 1; background: #faf9f8; }
|
|
.opportunities-extension-install-base-table td[data-format="amount"],
|
|
.opportunities-extension-install-base-table td[data-format="quantity"] { text-align: right; font-variant-numeric: tabular-nums; }
|
|
.opportunities-extension-install-base-table td[data-format="date"] { white-space: nowrap; }
|
|
.opportunities-extension-install-base-status {
|
|
display: inline-block; padding: 2px 5px; border-radius: 12px; font-size: 10px; font-weight: 600;
|
|
color: #5f5a55; background: #eceae8; white-space: nowrap;
|
|
}
|
|
.opportunities-extension-install-base-status[data-status="ACTIVE"] { color: #17693a; background: #e1f1e5; }
|
|
.opportunities-extension-install-base-status[data-status="UNSUPPORTED"] { color: #855300; background: #fff0d6; }
|
|
.opportunities-extension-modal[data-theme="dark"] .opportunities-extension-install-base-content,
|
|
.opportunities-extension-modal[data-theme="dark"] .opportunities-extension-install-base-table,
|
|
.opportunities-extension-modal[data-theme="dark"] .opportunities-extension-install-base-table th,
|
|
.opportunities-extension-modal[data-theme="dark"] .opportunities-extension-install-base-table td { color: #f6f4f2; }
|
|
.opportunities-extension-modal[data-theme="dark"] .opportunities-extension-install-base-message { color: #c9c5c1; }
|
|
.opportunities-extension-modal[data-theme="dark"] .opportunities-extension-install-base-message[role="alert"] { color: #ffb4ab; }
|
|
.opportunities-extension-modal[data-theme="dark"] .opportunities-extension-install-base-table th { background: #353331; }
|
|
.opportunities-extension-modal[data-theme="dark"] .opportunities-extension-install-base-table th,
|
|
.opportunities-extension-modal[data-theme="dark"] .opportunities-extension-install-base-table td { border-color: #484541; }
|
|
.opportunities-extension-modal[data-theme="dark"] .opportunities-extension-install-base-status { color: #dedbd7; background: #484541; }
|
|
.opportunities-extension-modal[data-theme="dark"] .opportunities-extension-install-base-status[data-status="ACTIVE"] { color: #b8e4c6; background: #214d34; }
|
|
.opportunities-extension-modal[data-theme="dark"] .opportunities-extension-install-base-status[data-status="UNSUPPORTED"] { color: #ffdfa2; background: #614418; }
|
|
@media (prefers-reduced-motion: reduce) {
|
|
.opportunities-extension-install-base-table .opportunities-extension-account-plans-skeleton-bar { animation: none; }
|
|
}
|