diff --git a/packages/builder/src/components/userInterface/temporaryPanelStructure.js b/packages/builder/src/components/userInterface/temporaryPanelStructure.js index 764daef972..ae39ce3ee2 100644 --- a/packages/builder/src/components/userInterface/temporaryPanelStructure.js +++ b/packages/builder/src/components/userInterface/temporaryPanelStructure.js @@ -458,4 +458,4 @@ export default { ], }, ], -} \ No newline at end of file +} diff --git a/packages/standard-components/src/DataForm.svelte b/packages/standard-components/src/DataForm.svelte index 938077371b..389ce0ecd2 100644 --- a/packages/standard-components/src/DataForm.svelte +++ b/packages/standard-components/src/DataForm.svelte @@ -7,7 +7,7 @@ const TYPE_MAP = { string: "text", boolean: "checkbox", - number: "number" + number: "number", } let username @@ -70,10 +70,10 @@ {#each fields as field}
- {#if schema[field].type === "string" && schema[field].constraints.inclusion} + {#if schema[field].type === 'string' && schema[field].constraints.inclusion} {:else} @@ -156,45 +156,43 @@ text-align: center; } - -button:hover { - box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); -} - -input[type=checkbox] { - width: 32px; - height: 32px; - padding: 0; - margin: 0; - vertical-align: bottom; - position: relative; - top: -1px; - *overflow: hidden; - -} - -select::-ms-expand { - display: none; -} -select { - display: inline-block; - cursor: pointer; - align-items: baseline; - box-sizing: border-box; - padding: 1em 1em; - border: 1px solid #eaeaea; - border-radius: 5px; - font: inherit; - line-height: inherit; - -webkit-appearance: none; - -moz-appearance: none; - -ms-appearance: none; - appearance: none; - background-repeat: no-repeat; - background-image: linear-gradient(45deg, transparent 50%, currentColor 50%), linear-gradient(135deg, currentColor 50%, transparent 50%); - background-position: right 17px top 1.5em, right 10px top 1.5em; - background-size: 7px 7px, 7px 7px; -} + button:hover { + box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), + 0 4px 6px -2px rgba(0, 0, 0, 0.05); + } + input[type="checkbox"] { + width: 32px; + height: 32px; + padding: 0; + margin: 0; + vertical-align: bottom; + position: relative; + top: -1px; + *overflow: hidden; + } + select::-ms-expand { + display: none; + } + select { + display: inline-block; + cursor: pointer; + align-items: baseline; + box-sizing: border-box; + padding: 1em 1em; + border: 1px solid #eaeaea; + border-radius: 5px; + font: inherit; + line-height: inherit; + -webkit-appearance: none; + -moz-appearance: none; + -ms-appearance: none; + appearance: none; + background-repeat: no-repeat; + background-image: linear-gradient(45deg, transparent 50%, currentColor 50%), + linear-gradient(135deg, currentColor 50%, transparent 50%); + background-position: right 17px top 1.5em, right 10px top 1.5em; + background-size: 7px 7px, 7px 7px; + } diff --git a/packages/standard-components/src/DataFormWide.svelte b/packages/standard-components/src/DataFormWide.svelte index 78cc1f4dc2..f712c787de 100644 --- a/packages/standard-components/src/DataFormWide.svelte +++ b/packages/standard-components/src/DataFormWide.svelte @@ -6,7 +6,7 @@ const TYPE_MAP = { string: "text", boolean: "checkbox", - number: "number" + number: "number", } let username @@ -52,6 +52,7 @@ newModel[field] = value } +

{modelDef.name} Form


@@ -59,10 +60,10 @@ {#each fields as field}
- {#if schema[field].type === "string" && schema[field].constraints.inclusion} + {#if schema[field].type === 'string' && schema[field].constraints.inclusion} {:else} @@ -79,6 +80,7 @@
+ \ No newline at end of file + select::-ms-expand { + display: none; + } + select { + cursor: pointer; + display: inline-block; + align-items: baseline; + box-sizing: border-box; + padding: 1em 1em; + border: 1px solid #eaeaea; + border-radius: 5px; + font: inherit; + line-height: inherit; + -webkit-appearance: none; + -moz-appearance: none; + -ms-appearance: none; + appearance: none; + background-repeat: no-repeat; + background-image: linear-gradient(45deg, transparent 50%, currentColor 50%), + linear-gradient(135deg, currentColor 50%, transparent 50%); + background-position: right 17px top 1.5em, right 10px top 1.5em; + background-size: 7px 7px, 7px 7px; + } +