Browse Source

Ensure consistent size of form fields regardless of label position

master
Andrew Kingston 6 years ago
parent
commit
48f49dd947
  1. 4
      packages/standard-components/src/forms/FieldGroup.svelte
  2. 4
      packages/standard-components/src/forms/SpectrumField.svelte

4
packages/standard-components/src/forms/FieldGroup.svelte

@ -9,9 +9,9 @@
</script> </script>
<div use:styleable={$component.styles}> <div use:styleable={$component.styles}>
<form <div
class="spectrum-Form" class="spectrum-Form"
class:spectrum-Form--labelsAbove={labelPosition === 'above'}> class:spectrum-Form--labelsAbove={labelPosition === 'above'}>
<slot /> <slot />
</form> </div>
</div> </div>

4
packages/standard-components/src/forms/SpectrumField.svelte

@ -56,6 +56,10 @@
</FieldGroupFallback> </FieldGroupFallback>
<style> <style>
.spectrum-Form-itemField {
width: 360px;
}
.error { .error {
color: var( color: var(
--spectrum-semantic-negative-color-default, --spectrum-semantic-negative-color-default,

Loading…
Cancel
Save