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

changes settings prop of card link color

This commit is contained in:
kevmodrome 2020-12-09 13:21:04 +01:00
parent 2fcdf3483b
commit 11ff8586d5
4 changed files with 22 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
packages/builder/src/components/userInterface/temporaryPanelStructure.js
View File

@ -310,15 +310,15 @@ export default {
}, },
{ {
label: "Link Color", label: "Link Color",
key: "color", key: "linkColor",
control: Input, control: Colorpicker,
placeholder: "Link Color", defaultValue: "#000"
}, },
{ {
label: "Hover Color", label: "Hover Color",
key: "linkHoverColor", key: "linkHoverColor",
control: Input, control: Colorpicker,
placeholder: "Hover Color", defaultValue: "#222"
}, },
{ {
label: "Image Height", label: "Image Height",
@ -385,7 +385,7 @@ export default {
}, },
{ {
label: "Link Color", label: "Link Color",
key: "color", key: "linkColor",
control: Colorpicker, control: Colorpicker,
defaultValue: "#000" defaultValue: "#000"
}, },
@ -393,7 +393,7 @@ export default {
label: "Hover Color", label: "Hover Color",
key: "linkHoverColor", key: "linkHoverColor",
control: Colorpicker, control: Colorpicker,
defaultValue: "#000" defaultValue: "#222"
}, },
{ {
label: "Card Width", label: "Card Width",

12
packages/standard-components/components.json
View File

@ -234,8 +234,14 @@
"description": "string", "description": "string",
"linkText": "string", "linkText": "string",
"linkUrl": "string", "linkUrl": "string",
"color": "string", "linkColor": {
"linkHoverColor": "string", "type": "string",
"default": "#000"
},
"linkHoverColor": {
"type": "string",
"default": "#000"
},
"imageHeight": { "imageHeight": {
"type": "options", "type": "options",
"default": "20rem", "default": "20rem",
@ -274,7 +280,7 @@
"subtext": "string", "subtext": "string",
"linkText": "string", "linkText": "string",
"linkUrl": "string", "linkUrl": "string",
"color": { "linkColor": {
"type": "string", "type": "string",
"default": "#000" "default": "#000"
}, },

6
packages/standard-components/src/Card.svelte
View File

@ -11,13 +11,13 @@
export let description = "" export let description = ""
export let linkText = "" export let linkText = ""
export let linkUrl export let linkUrl
export let color export let linkColor
export let linkHoverColor export let linkHoverColor
export let imageHeight export let imageHeight
export let cardWidth export let cardWidth
$: cssVariables = { $: cssVariables = {
color, linkColor,
linkHoverColor, linkHoverColor,
imageHeight, imageHeight,
cardWidth, cardWidth,
@ -75,7 +75,7 @@
a { a {
margin: 0.5rem 0; margin: 0.5rem 0;
text-decoration: none; text-decoration: none;
color: var(--color); color: var(--linkColor);
font-weight: 600; font-weight: 600;
} }

6
packages/standard-components/src/CardHorizontal.svelte
View File

@ -12,14 +12,14 @@
export let subtext = "" export let subtext = ""
export let linkText = "" export let linkText = ""
export let linkUrl export let linkUrl
export let color export let linkColor
export let linkHoverColor export let linkHoverColor
export let cardWidth export let cardWidth
export let imageWidth export let imageWidth
export let imageHeight export let imageHeight
$: cssVariables = { $: cssVariables = {
color, linkColor,
linkHoverColor, linkHoverColor,
imageWidth, imageWidth,
cardWidth, cardWidth,
@ -97,7 +97,7 @@
a { a {
margin: 0.5rem 0 0 0; margin: 0.5rem 0 0 0;
text-decoration: none; text-decoration: none;
color: var(--color); color: var(--linkColor);
font-weight: 600; font-weight: 600;
font-size: 0.85rem; font-size: 0.85rem;
margin: 0; margin: 0;