Browse Source
Merge pull request #2050 from Budibase/fix/select-icons
Fix select icons
pull/2065/head
Andrew Kingston
5 years ago
committed by
GitHub
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with
4 additions and
13 deletions
-
packages/bbui/src/Form/Core/Picker.svelte
-
packages/bbui/src/Form/Core/Select.svelte
-
packages/builder/src/constants/backend/index.js
|
|
|
@ -18,7 +18,7 @@ |
|
|
|
export let onSelectOption = () => {} |
|
|
|
export let getOptionLabel = option => option |
|
|
|
export let getOptionValue = option => option |
|
|
|
export let getOptionIcon = null |
|
|
|
export let getOptionIcon = () => null |
|
|
|
export let open = false |
|
|
|
export let readonly = false |
|
|
|
export let quiet = false |
|
|
|
@ -45,7 +45,7 @@ |
|
|
|
> |
|
|
|
{#if fieldIcon} |
|
|
|
<span class="icon-Placeholder-Padding"> |
|
|
|
<img src={fieldIcon} alt="Picker Icon" width="20" height="15" /> |
|
|
|
<img src={fieldIcon} alt="icon" width="20" height="15" /> |
|
|
|
</span> |
|
|
|
{/if} |
|
|
|
|
|
|
|
@ -115,7 +115,7 @@ |
|
|
|
<span class="icon-Padding"> |
|
|
|
<img |
|
|
|
src={getOptionIcon(option, idx)} |
|
|
|
alt="test" |
|
|
|
alt="icon" |
|
|
|
width="20" |
|
|
|
height="15" |
|
|
|
/> |
|
|
|
|
|
|
|
@ -10,7 +10,7 @@ |
|
|
|
export let options = [] |
|
|
|
export let getOptionLabel = option => option |
|
|
|
export let getOptionValue = option => option |
|
|
|
export let getOptionIcon = null |
|
|
|
export let getOptionIcon = () => null |
|
|
|
export let readonly = false |
|
|
|
export let quiet = false |
|
|
|
export let autoWidth = false |
|
|
|
|
|
|
|
@ -1,7 +1,6 @@ |
|
|
|
export const FIELDS = { |
|
|
|
STRING: { |
|
|
|
name: "Text", |
|
|
|
icon: "ri-text", |
|
|
|
type: "string", |
|
|
|
constraints: { |
|
|
|
type: "string", |
|
|
|
@ -11,7 +10,6 @@ export const FIELDS = { |
|
|
|
}, |
|
|
|
LONGFORM: { |
|
|
|
name: "Long Form Text", |
|
|
|
icon: "ri-file-text-line", |
|
|
|
type: "longform", |
|
|
|
constraints: { |
|
|
|
type: "string", |
|
|
|
@ -21,7 +19,6 @@ export const FIELDS = { |
|
|
|
}, |
|
|
|
OPTIONS: { |
|
|
|
name: "Options", |
|
|
|
icon: "ri-list-check-2", |
|
|
|
type: "options", |
|
|
|
constraints: { |
|
|
|
type: "string", |
|
|
|
@ -31,7 +28,6 @@ export const FIELDS = { |
|
|
|
}, |
|
|
|
NUMBER: { |
|
|
|
name: "Number", |
|
|
|
icon: "ri-number-1", |
|
|
|
type: "number", |
|
|
|
constraints: { |
|
|
|
type: "number", |
|
|
|
@ -41,7 +37,6 @@ export const FIELDS = { |
|
|
|
}, |
|
|
|
BOOLEAN: { |
|
|
|
name: "Boolean", |
|
|
|
icon: "ri-toggle-line", |
|
|
|
type: "boolean", |
|
|
|
constraints: { |
|
|
|
type: "boolean", |
|
|
|
@ -50,7 +45,6 @@ export const FIELDS = { |
|
|
|
}, |
|
|
|
DATETIME: { |
|
|
|
name: "Date/Time", |
|
|
|
icon: "ri-calendar-event-fill", |
|
|
|
type: "datetime", |
|
|
|
constraints: { |
|
|
|
type: "string", |
|
|
|
@ -64,7 +58,6 @@ export const FIELDS = { |
|
|
|
}, |
|
|
|
ATTACHMENT: { |
|
|
|
name: "Attachment", |
|
|
|
icon: "ri-file-line", |
|
|
|
type: "attachment", |
|
|
|
constraints: { |
|
|
|
type: "array", |
|
|
|
@ -73,7 +66,6 @@ export const FIELDS = { |
|
|
|
}, |
|
|
|
LINK: { |
|
|
|
name: "Relationship", |
|
|
|
icon: "ri-link", |
|
|
|
type: "link", |
|
|
|
constraints: { |
|
|
|
type: "array", |
|
|
|
@ -82,7 +74,6 @@ export const FIELDS = { |
|
|
|
}, |
|
|
|
FORMULA: { |
|
|
|
name: "Formula", |
|
|
|
icon: "ri-braces-line", |
|
|
|
type: "formula", |
|
|
|
constraints: { |
|
|
|
type: "string", |
|
|
|
|