admin/n8n-enterprise-unlocked
1
0
Fork 0
mirror of https://github.com/Abdulazizzn/n8n-enterprise-unlocked.git synced 2025-12-17 01:56:46 +00:00
Code Issues Packages Projects Releases Wiki Activity

chore(n8n Form Node): Incorporate design feedback for Custom HTML (#12817)

Browse Source
This commit is contained in:
Dana
2025-02-04 18:03:19 +01:00
committed by GitHub
parent b60011a180
commit ddc40ef7de
6 changed files with 106 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

67
packages/cli/templates/form-trigger.handlebars
View File

@@ -6,13 +6,9 @@
<meta property="og:title" content="{{formTitle}}" />
<meta property="og:description" content="{{formDescriptionMetadata}}" />
<meta property="og:type" content="website" />
<meta property="og:image" content="https://raw.githubusercontent.com/n8n-io/n8n/80be10551eb081cb11bd8cab6c6ff89e44493d2c/assets/og_image.png?raw=true" />
<meta property="og:image" content="/static/og_image.png" />
<link rel='icon' type='image/png' href='https://n8n.io/favicon.ico' />
<link
href='https://fonts.googleapis.com/css?family=Open+Sans'
rel='stylesheet'
type='text/css'
/>
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap" rel="stylesheet">
<title>{{formTitle}}</title>
<style>
*,
@@ -25,7 +21,7 @@
body {
font-family:
Open Sans,
"Open Sans",
sans-serif;
font-weight: 400;
font-size: 12px;
@@ -288,6 +284,60 @@
display: inline-block;
}
div.html {
text-align: left;
color: #555;
font-size: 14px;
}
div.html h1, div.html h2, div.html h3, div.html h4, div.html h5, div.html h6, div.html p, div.html ul, div.html ol, div.html a {
font-weight: 400;
font-style: normal;
margin-bottom: 8px;
}
div.html li {
margin-bottom: 8px;
margin-left: 24px;
}
div.html ul, div.html ol {
font-size: 14px;
display: flex;
flex-direction: column;
align-self: stretch;
line-height: normal;
}
div.html b {
font-weight: 600;
}
div.html h1 {
font-size: 28px;
line-height: 35px;
}
div.html h2 {
font-size: 20px;
line-height: 26px;
}
div.html h3 {
font-size: 16px;
line-height: 24px;
}
div.html h4 {
font-size: 14px;
line-height: 18px;
}
div.html h5 {
font-size: 12px;
}
div.html h6 {
font-size: 10px;
}
div.html p {
margin-bottom: 8px;
}
div.html a {
color: #FF6D5A;
font-size: 14px;
}
@media only screen and (max-width: 500px) {
body {
background-color: white;
@@ -372,8 +422,9 @@
{{/if}}
{{#if isHtml}}
<div class="form-group">
<div class="form-group html">
{{{html}}}
<input type="hidden" id="{{id}}" name="{{id}}" value="{{html}}" />
</div>
{{/if}}