Sync styleguide 2026.05.18.1
This commit is contained in:
@@ -407,10 +407,44 @@
|
||||
box-shadow: 0 0 0 1px var(--color-signal-red) inset;
|
||||
}
|
||||
|
||||
.sg-pulldown[aria-invalid="true"],
|
||||
.sg-checkbox-field[aria-invalid="true"],
|
||||
.sg-radio-field[aria-invalid="true"] {
|
||||
box-shadow: 0 0 0 1px var(--color-signal-red) inset;
|
||||
}
|
||||
|
||||
.sg-labeled-input-row:has(.sg-input-multi-line) {
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
#component-radio-field .sg-labeled-input-row--radio-invalid {
|
||||
display: grid;
|
||||
grid-template-columns: auto minmax(0, 1fr);
|
||||
column-gap: var(--spacing-large);
|
||||
row-gap: var(--spacing-small);
|
||||
align-items: start;
|
||||
}
|
||||
|
||||
#component-radio-field .sg-labeled-input-row--radio-invalid .sg-label {
|
||||
grid-column: 1;
|
||||
grid-row: 1;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
#component-radio-field .sg-labeled-input-row--radio-invalid .sg-radio-field-row {
|
||||
grid-column: 2;
|
||||
grid-row: 1;
|
||||
}
|
||||
|
||||
#component-radio-field .sg-labeled-input-row--radio-invalid .sg-form-validation-text {
|
||||
grid-column: 1 / -1;
|
||||
grid-row: 2;
|
||||
}
|
||||
|
||||
#component-checkbox-field .sg-input-validation-stack--checkbox-invalid {
|
||||
gap: calc(var(--spacing-small) / 4);
|
||||
}
|
||||
|
||||
.sg-input-multi-line {
|
||||
box-sizing: border-box;
|
||||
min-height: calc(var(--interaction-height) * 2.75);
|
||||
|
||||
@@ -20,7 +20,7 @@ main {
|
||||
}
|
||||
|
||||
.sg-page-layout-public__content-mirror {
|
||||
width: 70vw;
|
||||
width: min(calc(100% - (var(--spacing-large) * 2)), 1100px);
|
||||
max-width: 1100px;
|
||||
margin-inline: auto;
|
||||
display: flex;
|
||||
|
||||
Reference in New Issue
Block a user