mirror/formbricks
1
0
Fork 0
mirror of https://github.com/formbricks/formbricks.git synced 2026-04-24 11:39:22 -05:00
Code Issues Packages Projects Releases 164 Wiki Activity

Merge branch 'main' of github.com:formbricks/formbricks

Browse Source
This commit is contained in:
Matthias Nannt
2023-02-10 15:29:43 +01:00
parent b4753c34b4 5ee5af3e8b
commit ff067d63f1
121 changed files with 1591 additions and 2655 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/feedback/test-cal.html
-33
View File
@@ -1,33 +0,0 @@
<head>
<script src="./dist/index.umd.js" charset="UTF-8" defer></script>
<script>
window.formbricks = {
...window.formbricks,
config: {
hqUrl: "http://localhost:3000",
formId: "cld8pxn4j0000yznuo6qggxfu",
contact: {
name: "Peer",
position: "Co-Founder",
imgUrl: "https://avatars.githubusercontent.com/u/8019099?v=4",
},
customer: {
id: "test@cal.com",
name: "Test Customer",
email: "test@cal.com",
},
style: {
brandColor: "#0E1420",
headerBGColor: "#E5E7EB",
headerTitleColor: "#4B5563",
boxBGColor: "#F9FAFB",
textColor: "#374151",
buttonHoverColor: "#F3F4F6",
},
},
};
</script>
</head>
<body>
<button data-formbricks-button>Feedback</button>
</body>
packages/feedback/test-crowd.html
-32
View File
@@ -1,32 +0,0 @@
<head>
<script src="./dist/index.umd.js" charset="UTF-8" defer></script>
<script>
window.formbricks = {
...window.formbricks,
config: {
hqUrl: "http://localhost:3000",
formId: "clcg4dewt0000yz267be5rya6",
contact: {
name: "Jonathan",
position: "Co-Founder",
imgUrl: "https://avatars.githubusercontent.com/u/41432658?v=4",
},
customer: {
id: "test@crowd.dev",
name: "Test Customer",
email: "test@crowd.dev",
},
style: {
brandColor: "#e94f2e",
headerBGColor: "#F9FAFB",
boxBGColor: "#ffffff",
textColor: "#140505",
buttonHoverColor: "#F9FAFB",
},
},
};
</script>
</head>
<body>
<button data-formbricks-button>Feedback</button>
</body>
packages/feedback/test-lotus.html
-34
View File
@@ -1,34 +0,0 @@
<head>
<script src="./dist/index.umd.js" charset="UTF-8" defer></script>
<script>
window.formbricks = {
...window.formbricks,
config: {
hqUrl: "http://localhost:3000",
formId: "clcovbccf000019uss1gyqufg",
contact: {
name: "Mikael",
position: "Co-Founder",
imgUrl: "https://avatars.githubusercontent.com/u/33556500?v=4",
},
customer: {
id: "test@cal.com",
name: "Test Customer",
email: "test@cal.com",
},
style: {
brandColor: "#c3986b",
headerBGColor: "#1d1d1f",
headerTitleColor: "#ffffff",
boxBGColor: "#ffffff",
textColor: "#374151",
buttonHoverColor: "#EEEEF5",
borderRadius: "4px",
},
},
};
</script>
</head>
<body>
<button data-formbricks-button>Feedback</button>
</body>
packages/pmf/src/form.css
+4 -16
View File
@@ -5,31 +5,19 @@
--formbricksPmf-border-radius: 0.4rem;
/* Globals */
--formbricksPmf-shadow: rgba(7, 0, 20, 0.06) 0px 0px 0px 1px, rgba(7, 0, 20, 0.1) 0px 10px 15px -3px,
rgba(7, 0, 20, 0.05) 0px 4px 6px, rgba(7, 0, 20, 0.05) 0px 30px 40px;
--formbricksPmf-focus-shadow: 0 0 0 2px var(--formbricksPmf-bg-color);
--formbricksPmf-bold: 600;
/* Header */
--formbricksPmf-header-text-color: #1e293b;
--formbricksPmf-header-bg-color: #cbd5e1;
/* Box */
--formbricksPmf-bg-color: #f8fafc;
--formbricksPmf-text-color: #0f172a;
--formbricksPmf-intro-text-color: #64748b;
/* Buttons */
--formbricksPmf-button-color: white;
--formbricksPmf-button-text-color: white;
--formbricksPmf-button-bg-color: var(--formbricksPmf-brand-color);
--formbricksPmf-button-hover-bg-color: var(--formbricksPmf-brand-color);
--formbricksPmf-button-border-radius: calc(var(--formbricksPmf-border-radius) / 2);
/* Textarea */
--formbricksPmf-message-border-color: #e2e8f0;
/* Element */
--formbricksPmf-bold: 600;
--formbricksPmf-textarea-border-color: #e2e8f0;
}
/* Container */
@@ -90,7 +78,7 @@
border: 0;
border-radius: var(--formbricksPmf-button-border-radius);
background-color: var(--formbricksPmf-button-bg-color);
color: var(--formbricksPmf-button-color);
color: var(--formbricksPmf-button-text-color);
cursor: pointer;
transition: all 0.3s ease-out;
}
@@ -105,7 +93,7 @@
width: 100%;
height: 100px;
padding: 0.5rem;
border: 2.5px solid var(--formbricksPmf-message-border-color);
border: 2.5px solid var(--formbricksPmf-textarea-border-color);
border-radius: var(--formbricksPmf-border-radius);
resize: none;
transition: all 0.3s ease-out;
packages/pmf/src/index.ts
+8 -11
View File
@@ -84,23 +84,20 @@ function applyConfig() {
root.style.setProperty("--formbricksPmf-brand-color", config.style.brandColor);
root.style.setProperty("--formbricksPmf-brand-color-transparent", config.style.brandColor + 50);
}
if (config.style.headerBGColor) {
root.style.setProperty("--formbricksPmf-header-bg-color", config.style.headerBGColor);
if (config.style.borderRadius) {
root.style.setProperty("--formbricksPmf-border-radius", config.style.borderRadius);
}
if (config.style.headerTitleColor) {
root.style.setProperty("--formbricksPmf-header-text-color", config.style.headerTitleColor);
}
if (config.style.boxBGColor) {
root.style.setProperty("--formbricksPmf-bg-color", config.style.boxBGColor);
if (config.style.containerBGColor) {
root.style.setProperty("--formbricksPmf-bg-color", config.style.containerBgColor);
}
if (config.style.textColor) {
root.style.setProperty("--formbricksPmf-text-color", config.style.textColor);
}
if (config.style.buttonHoverColor) {
root.style.setProperty("--formbricksPmf-button-hover-bg-color", config.style.buttonHoverColor);
if (config.style.buttonTextColor) {
root.style.setProperty("--formbricksPmf-button-text-color", config.style.buttonTextColor);
}
if (config.style.borderRadius) {
root.style.setProperty("--formbricksPmf-border-radius", config.style.borderRadius);
if (config.style.textareaBorderColor) {
root.style.setProperty("--formbricksPmf-textarea-border-color", config.style.textareaBorderColor);
}
}
}