155 lines
3.5 KiB
CSS
155 lines
3.5 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-bestellungen-mobile-detail-open > :not([data-bestellungen-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-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 {
|
|
width: min(960px, 100%);
|
|
max-height: calc(100vh - (2 * var(--spacing-large)));
|
|
overflow: auto;
|
|
}
|
|
|
|
.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 .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-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-search-field-row {
|
|
margin-left: auto;
|
|
}
|
|
|
|
.sg-large-table--bestellungen .sg-large-table__row {
|
|
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;
|
|
}
|
|
|
|
[data-bestellungen-mobile-detail] .sg-navigation-card-layout {
|
|
margin-top: 0;
|
|
}
|