541 lines
12 KiB
CSS
541 lines
12 KiB
CSS
.sg-portal-header__tabs {
|
|
--surface-tab-selected: var(--color-dark-grey);
|
|
--surface-tab-unselected: var(--color-white);
|
|
--text-tab-selected: var(--color-font-light);
|
|
--text-tab-unselected: var(--color-dark-grey);
|
|
}
|
|
|
|
.sg-vsf-list-overview-page-v2 .sg-main-heading {
|
|
font-weight: var(--font-weight-regular);
|
|
}
|
|
|
|
.sg-basic-card__actions {
|
|
width: 100%;
|
|
justify-content: flex-end;
|
|
}
|
|
|
|
.sg-left-navigation-pattern__group-card--content > [data-left-navigation-content-body] {
|
|
width: 100%;
|
|
flex: 1 1 100%;
|
|
}
|
|
|
|
.sg-left-navigation-pattern__group-card--content > [data-left-navigation-content-body] > .sg-card {
|
|
width: 100%;
|
|
}
|
|
|
|
.sg-left-navigation-pattern__group-card--content {
|
|
align-content: flex-start;
|
|
}
|
|
|
|
body.sg-otc-order-overlay-open {
|
|
overflow: hidden;
|
|
}
|
|
|
|
body.sg-bestellungen-mobile-detail-open {
|
|
overflow: hidden;
|
|
}
|
|
|
|
body.sg-card-list-page-drawer-open {
|
|
overflow: hidden;
|
|
}
|
|
|
|
.sg-market-mobile-detail-host {
|
|
position: fixed;
|
|
inset: 0;
|
|
z-index: 1500;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--spacing-large);
|
|
padding: var(--spacing-small);
|
|
box-sizing: border-box;
|
|
overflow: auto;
|
|
background: var(--color-background-purple);
|
|
}
|
|
|
|
.sg-market-definition-mobile-detail-host {
|
|
position: fixed;
|
|
inset: 0;
|
|
z-index: 1500;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--spacing-large);
|
|
padding: var(--spacing-small);
|
|
box-sizing: border-box;
|
|
overflow: auto;
|
|
background: var(--color-background-purple);
|
|
}
|
|
|
|
.sg-market-mobile-detail-host .sg-card-list-page-drawer {
|
|
position: static;
|
|
display: flex;
|
|
width: 100%;
|
|
max-width: none;
|
|
transform: none;
|
|
box-shadow: none;
|
|
overflow: visible;
|
|
}
|
|
|
|
.sg-market-definition-mobile-detail-host .sg-card-list-page-drawer {
|
|
position: static;
|
|
display: flex;
|
|
width: 100%;
|
|
max-width: none;
|
|
transform: none;
|
|
box-shadow: none;
|
|
overflow: visible;
|
|
}
|
|
|
|
body.sg-market-mobile-detail-open > :not([data-market-mobile-detail-host]) {
|
|
display: none !important;
|
|
}
|
|
|
|
body.sg-market-definition-mobile-detail-open > :not([data-market-definition-mobile-detail-host]) {
|
|
display: none !important;
|
|
}
|
|
|
|
.market-detail-grid {
|
|
display: grid;
|
|
grid-template-columns: minmax(10rem, 0.8fr) minmax(0, 1.2fr);
|
|
margin: 0;
|
|
}
|
|
|
|
.market-detail-row {
|
|
display: contents;
|
|
}
|
|
|
|
.market-detail-row dt,
|
|
.market-detail-row dd {
|
|
margin: 0;
|
|
padding: var(--spacing-small) 0;
|
|
border-bottom: 1px solid var(--color-light-grey);
|
|
}
|
|
|
|
.market-detail-row dt {
|
|
color: var(--color-black);
|
|
font-weight: var(--font-weight-semibold);
|
|
}
|
|
|
|
.market-detail-row dd {
|
|
overflow-wrap: anywhere;
|
|
}
|
|
|
|
.market-edit-form .sg-component-row {
|
|
margin-top: var(--spacing-medium);
|
|
align-items: center;
|
|
}
|
|
|
|
.market-edit-form .sg-labeled-input-row .sg-input-multi-line {
|
|
width: 100%;
|
|
max-width: var(--layout-form-input-field-max-width);
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
.market-detail-grid {
|
|
grid-template-columns: minmax(8rem, 0.9fr) minmax(0, 1.1fr);
|
|
}
|
|
}
|
|
|
|
.sg-card-list-page-drawer-backdrop {
|
|
position: fixed;
|
|
inset: 0;
|
|
background: rgba(0, 0, 0, 0.35);
|
|
opacity: 0;
|
|
pointer-events: none;
|
|
transition: opacity 0.2s ease;
|
|
z-index: 999;
|
|
}
|
|
|
|
.sg-card-list-page-drawer-backdrop[data-open="true"] {
|
|
opacity: 1;
|
|
pointer-events: auto;
|
|
}
|
|
|
|
body.sg-bestellungen-mobile-detail-open > :not([data-bestellungen-mobile-detail-host]) {
|
|
display: none !important;
|
|
}
|
|
|
|
body.sg-lager-mobile-detail-open > :not([data-lager-mobile-detail-host]) {
|
|
display: none !important;
|
|
}
|
|
|
|
.sg-bestellungen-mobile-detail-host {
|
|
position: fixed;
|
|
inset: 0;
|
|
z-index: 1500;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--spacing-large);
|
|
padding: var(--spacing-small);
|
|
box-sizing: border-box;
|
|
overflow: auto;
|
|
background: var(--color-background-purple);
|
|
}
|
|
|
|
.sg-bestellungen-mobile-detail-host .sg-vsf-drawer-card {
|
|
width: 100%;
|
|
}
|
|
|
|
.sg-lager-mobile-detail-host {
|
|
position: fixed;
|
|
inset: 0;
|
|
z-index: 1500;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--spacing-large);
|
|
padding: var(--spacing-small);
|
|
box-sizing: border-box;
|
|
overflow: auto;
|
|
background: var(--color-background-purple);
|
|
}
|
|
|
|
.sg-lager-mobile-detail-host .sg-vsf-drawer-card {
|
|
width: 100%;
|
|
}
|
|
|
|
.sg-lager-mobile-detail-host .sg-card-list-page-drawer {
|
|
position: static;
|
|
display: flex;
|
|
width: 100%;
|
|
max-width: none;
|
|
transform: none;
|
|
box-shadow: none;
|
|
overflow: visible;
|
|
}
|
|
|
|
.sg-bestellungen-mobile-detail-host .sg-card-list-page-drawer {
|
|
position: static;
|
|
display: flex;
|
|
width: 100%;
|
|
max-width: none;
|
|
transform: none;
|
|
box-shadow: none;
|
|
overflow: visible;
|
|
}
|
|
|
|
.sg-mobile-detail-back-card,
|
|
.sg-mobile-detail-back-card * {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.sg-otc-order-overlay {
|
|
position: fixed;
|
|
inset: 0;
|
|
display: none;
|
|
align-items: center;
|
|
justify-content: center;
|
|
padding: var(--spacing-large);
|
|
background: rgba(15, 23, 42, 0.58);
|
|
z-index: 1200;
|
|
}
|
|
|
|
.sg-otc-order-overlay[data-open="true"] {
|
|
display: flex;
|
|
}
|
|
|
|
.sg-otc-order-overlay__panel {
|
|
--layout-scrollable-card-width: min(960px, 100%);
|
|
--layout-scrollable-card-height: min(600px, calc(100vh - (2 * var(--spacing-large))));
|
|
}
|
|
|
|
.sg-otc-order-overlay__title {
|
|
margin: 0;
|
|
}
|
|
|
|
.sg-otc-order-overlay__close {
|
|
margin-left: auto;
|
|
}
|
|
|
|
.sg-otc-order-form__status {
|
|
margin: 0;
|
|
}
|
|
|
|
.sg-otc-order-form__status--error {
|
|
color: var(--color-signal-red);
|
|
}
|
|
|
|
.sg-otc-order-overlay [data-otc-order-product] {
|
|
flex: 0 0 6rem;
|
|
width: 6rem;
|
|
max-width: 6rem;
|
|
margin-left: auto;
|
|
text-align: right;
|
|
}
|
|
|
|
.sg-otc-order-overlay .sg-otc-order-product-row .sg-label {
|
|
min-width: 0;
|
|
flex: 1 1 auto;
|
|
}
|
|
|
|
.sg-otc-order-overlay .sg-form-sections-card__field-group {
|
|
gap: var(--spacing-small);
|
|
}
|
|
|
|
.sg-otc-order-overlay .sg-form-sections-card__field-group > .sg-label {
|
|
display: block;
|
|
}
|
|
|
|
.sg-otc-order-overlay .sg-form-sections-card__field-group > .sg-input-single-line,
|
|
.sg-otc-order-overlay .sg-form-sections-card__field-group > .sg-input-single-line-wrap,
|
|
.sg-otc-order-overlay .sg-form-sections-card__field-group > .sg-input-multi-line {
|
|
width: 100%;
|
|
max-width: none;
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
.sg-otc-order-overlay [data-otc-order-product] {
|
|
flex: 1 1 auto;
|
|
width: 100%;
|
|
max-width: 100%;
|
|
margin-left: 0;
|
|
text-align: left;
|
|
}
|
|
|
|
.sg-large-table--bestellungen .sg-search-field-row {
|
|
width: min(100%, calc(var(--layout-search-field-width) * 0.75));
|
|
}
|
|
|
|
.sg-large-table--bestellungen .sg-input-single-line-wrap {
|
|
width: 100%;
|
|
}
|
|
|
|
.sg-large-table--bestellungen .sg-search-field-input {
|
|
width: 100%;
|
|
}
|
|
|
|
.sg-large-table--bestellungen .sg-large-table__row {
|
|
grid-template-columns: var(--large-table-grid-template-columns, minmax(0, 1.15fr) minmax(0, 1.35fr) fit-content(12.5ch));
|
|
}
|
|
|
|
.sg-large-table--bestellungen .sg-large-table__row > :nth-child(2) {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
.sg-large-table--bestellungen .sg-search-field-row {
|
|
margin-left: auto;
|
|
}
|
|
|
|
.sg-large-table--bestellungen .sg-large-table__row {
|
|
grid-template-columns: var(--large-table-grid-template-columns, minmax(0, 1.2fr) minmax(0, 1fr) minmax(0, 1.35fr) fit-content(12.5ch));
|
|
}
|
|
|
|
.sg-large-table--bestellungen .sg-large-table__cell--amount {
|
|
justify-self: end;
|
|
padding-left: 0;
|
|
text-align: right;
|
|
}
|
|
|
|
.sg-large-table--bestellungen .sg-large-table__cell:not(.sg-large-table__cell--amount) {
|
|
justify-self: stretch;
|
|
text-align: left;
|
|
}
|
|
|
|
.sg-large-table--bestellungen .sg-large-table__cell--header.sg-large-table__cell--amount {
|
|
justify-self: end;
|
|
}
|
|
|
|
.sg-large-table--bestellungen .sg-large-table__cell--header.sg-large-table__cell--amount .sg-large-table__sort-button {
|
|
justify-content: flex-end;
|
|
}
|
|
|
|
.sg-large-table--lager .sg-large-table__row {
|
|
grid-template-columns: var(--large-table-grid-template-columns, repeat(2, minmax(0, 1fr)));
|
|
}
|
|
|
|
.sg-large-table--markets .sg-large-table__row {
|
|
grid-template-columns: var(--large-table-grid-template-columns, repeat(6, minmax(0, 1fr)));
|
|
}
|
|
|
|
.sg-large-table--lager[data-lager-table-key="products"] .sg-large-table__row {
|
|
grid-template-columns: var(--large-table-grid-template-columns, 30% repeat(4, minmax(0, 1fr)));
|
|
}
|
|
|
|
.sg-large-table--lager[data-lager-table-key="products"] .sg-large-table__cell:last-child {
|
|
text-align: left;
|
|
}
|
|
|
|
.sg-large-table--lager .lager-forecast-warning {
|
|
color: var(--color-signal-red);
|
|
}
|
|
|
|
.sg-card-list-page-drawer .lager-forecast-warning {
|
|
color: var(--color-signal-red);
|
|
}
|
|
|
|
.sg-large-table--lager .lager-forecast-mhd-warning {
|
|
color: var(--color-signal-yellow);
|
|
}
|
|
|
|
.sg-card-list-page-drawer .lager-forecast-mhd-warning {
|
|
color: var(--color-signal-yellow);
|
|
}
|
|
|
|
.sg-large-table--markets .market-status--red {
|
|
color: var(--color-signal-red);
|
|
}
|
|
|
|
.sg-large-table--markets .market-status--yellow {
|
|
color: var(--color-signal-yellow);
|
|
}
|
|
|
|
.sg-large-table--markets .market-status--green {
|
|
color: var(--color-signal-green);
|
|
}
|
|
|
|
.sg-card-list-page-drawer [data-lager-edit-form][hidden],
|
|
.sg-card-list-page-drawer [data-lager-read-view][hidden],
|
|
.sg-card-list-page-drawer [data-lager-drawer-topic="new-lot-form"][hidden],
|
|
.sg-card-list-page-drawer [data-lager-new-lot-notification-wrapper][hidden],
|
|
.sg-card-list-page-drawer [data-lager-open-edit-form][hidden],
|
|
.sg-card-list-page-drawer [data-lager-open-card][hidden],
|
|
.sg-card-list-page-drawer [data-market-definition-read-card][hidden],
|
|
.sg-card-list-page-drawer [data-market-definition-create-card][hidden],
|
|
.sg-card-list-page-drawer [data-market-definition-new-organizer][hidden] {
|
|
display: none;
|
|
}
|
|
|
|
.sg-card-list-page-drawer [data-market-new-municipality][hidden] {
|
|
display: none;
|
|
}
|
|
|
|
[data-shared-editable-card-read][hidden],
|
|
[data-shared-editable-card-form][hidden] {
|
|
display: none;
|
|
}
|
|
|
|
.sg-card-list-page-drawer [data-market-definition-card] .sg-object-card__header > .sg-component-row {
|
|
margin-left: auto;
|
|
}
|
|
|
|
.sg-card-list-page-drawer [data-market-delete-occurrence-id],
|
|
.sg-card-list-page-drawer [data-market-definition-delete-id] {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--spacing-large);
|
|
--layout-delete-confirmation-overlay-offset-block-start: 100px;
|
|
}
|
|
|
|
.sg-card-list-page-drawer [data-market-delete-occurrence-id] > .sg-component-row,
|
|
.sg-card-list-page-drawer [data-market-definition-delete-id] > .sg-component-row,
|
|
.sg-card-list-page-drawer .market-delete-confirmation-card .sg-component-row {
|
|
justify-content: flex-end;
|
|
}
|
|
|
|
.market-delete-confirmation-card__title {
|
|
margin: 0;
|
|
color: var(--color-black);
|
|
}
|
|
|
|
.market-days-group__title {
|
|
margin: var(--spacing-small) 0 0;
|
|
color: var(--color-white);
|
|
}
|
|
|
|
.market-checklist-list,
|
|
.market-checklist-edit-list {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--spacing-small);
|
|
}
|
|
|
|
.market-checklist-card--collapsed [data-shared-editable-card-read] {
|
|
display: none;
|
|
}
|
|
|
|
.market-checklist-item,
|
|
.market-checklist-edit-item {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: var(--spacing-small);
|
|
}
|
|
|
|
.market-checklist-edit-item [data-checklist-label] {
|
|
flex: 1 1 auto;
|
|
min-width: 0;
|
|
}
|
|
|
|
.market-checklist-edit-row .sg-label {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.market-checklist-edit-control {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: var(--spacing-small);
|
|
flex: 1 1 auto;
|
|
width: 100%;
|
|
min-width: 0;
|
|
max-width: var(--layout-form-input-field-max-width);
|
|
}
|
|
|
|
.market-checklist-edit-control [data-checklist-label] {
|
|
flex: 1 1 auto;
|
|
width: 100%;
|
|
min-width: 0;
|
|
max-width: none;
|
|
}
|
|
|
|
.market-checklist-comment-field .sg-input-multi-line {
|
|
width: 100%;
|
|
max-width: var(--layout-form-input-field-max-width);
|
|
}
|
|
|
|
.market-checklist-delete {
|
|
min-width: var(--small-interaction-element-size);
|
|
width: var(--small-interaction-element-size);
|
|
padding-inline: 0;
|
|
}
|
|
|
|
.market-checklist-comment,
|
|
.market-checklist-comment-field {
|
|
margin-top: var(--spacing-large);
|
|
}
|
|
|
|
.market-required-field-indicator {
|
|
position: relative;
|
|
top: -0.25em;
|
|
margin-left: 0.15em;
|
|
color: var(--color-signal-red);
|
|
font-size: 0.75em;
|
|
line-height: 0;
|
|
}
|
|
|
|
.sg-card-list-page-drawer [data-component="content-group-box"] {
|
|
margin-block: 0;
|
|
}
|
|
|
|
.sg-card-list-page-drawer [data-lager-drawer-topic="new-lot-action"] {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: flex-end;
|
|
gap: var(--spacing-small);
|
|
}
|
|
|
|
.sg-card-list-page-drawer__title {
|
|
color: var(--color-white);
|
|
}
|
|
|
|
[data-bestellungen-mobile-detail] .sg-navigation-card-layout {
|
|
margin-top: 0;
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
.market-checklist-edit-row {
|
|
flex-direction: row;
|
|
align-items: center;
|
|
gap: var(--spacing-small);
|
|
}
|
|
|
|
.market-checklist-edit-row .sg-label {
|
|
min-width: 0;
|
|
flex: 0 0 auto;
|
|
margin-right: 0;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.market-checklist-edit-control {
|
|
max-width: none;
|
|
}
|
|
}
|