70 lines
2.0 KiB
CSS
70 lines
2.0 KiB
CSS
|
.sales-document-create .card {
|
||
|
|
box-shadow: 0 8px 24px color-mix(in srgb, var(--ph-canvas) 35%, transparent);
|
||
|
|
}
|
||
|
|
|
||
|
|
.sales-document-create .card-header {
|
||
|
|
background: linear-gradient(
|
||
|
|
90deg,
|
||
|
|
color-mix(in srgb, var(--ph-primary-soft) 72%, var(--ph-surface)),
|
||
|
|
var(--ph-surface)
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
.sales-document-create .sales-count-badge {
|
||
|
|
color: var(--ph-primary);
|
||
|
|
background: var(--ph-primary-soft);
|
||
|
|
border: 1px solid color-mix(in srgb, var(--ph-primary) 32%, var(--ph-border));
|
||
|
|
}
|
||
|
|
|
||
|
|
.sales-document-create .sales-table {
|
||
|
|
min-width: 900px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.sales-document-create .billable-items-table {
|
||
|
|
min-width: 1280px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.sales-document-create .sales-table thead th {
|
||
|
|
color: var(--ph-text);
|
||
|
|
background: color-mix(in srgb, var(--ph-primary-soft) 52%, var(--ph-surface-subtle));
|
||
|
|
border-bottom-color: var(--ph-border-strong);
|
||
|
|
}
|
||
|
|
|
||
|
|
.sales-document-create .sales-table tbody tr:nth-child(even):not(.sales-row-selected) > * {
|
||
|
|
background: color-mix(in srgb, var(--ph-surface-subtle) 72%, transparent);
|
||
|
|
}
|
||
|
|
|
||
|
|
.sales-document-create .sales-table tbody tr.sales-row-selected > * {
|
||
|
|
color: var(--ph-text) !important;
|
||
|
|
background: color-mix(in srgb, var(--ph-primary-soft) 78%, var(--ph-surface)) !important;
|
||
|
|
border-bottom-color: color-mix(in srgb, var(--ph-primary) 28%, var(--ph-border)) !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.sales-document-create .sales-table tbody tr.sales-row-selected > *:first-child {
|
||
|
|
box-shadow: inset 4px 0 0 var(--ph-primary);
|
||
|
|
}
|
||
|
|
|
||
|
|
.sales-document-create .sales-table tbody tr:hover > * {
|
||
|
|
color: var(--ph-text) !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.sales-document-create .description-cell {
|
||
|
|
width: 42%;
|
||
|
|
min-width: 390px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.sales-document-create .item-description {
|
||
|
|
display: -webkit-box;
|
||
|
|
overflow: hidden;
|
||
|
|
color: var(--ph-text);
|
||
|
|
line-height: 1.45;
|
||
|
|
text-transform: none;
|
||
|
|
-webkit-box-orient: vertical;
|
||
|
|
-webkit-line-clamp: 3;
|
||
|
|
}
|
||
|
|
|
||
|
|
.sales-document-create .billable-items-table td:not(.description-cell),
|
||
|
|
.sales-document-create .billable-items-table th:not(:nth-child(4)) {
|
||
|
|
white-space: nowrap;
|
||
|
|
}
|