MirrorSave
/
budibase
mirror of https://github.com/Budibase/budibase.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Ensure consistent size of form fields regardless of label position

This commit is contained in:
Andrew Kingston 2021-02-02 13:50:46 +00:00
parent 3faef71ff4
commit 48f49dd947
2 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -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
View File

@ -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,