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
}
+
+
\ 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;
+ }
+