Skip to content

Commit 201410d

Browse files
annahiletaannahileta
committed
fixed issue with embedding
1 parent cd5d66e commit 201410d

3 files changed

Lines changed: 145 additions & 122 deletions

File tree

‎.env_example‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -31,4 +31,4 @@ DS_AUTH_SERVER=https://account-d.docusign.com
3131

3232
# Demo Docusign API URL
3333
REACT_APP_DS_DEMO_SERVER=https://demo.docusign.net
34-
REACT_APP_DS_CLICKWRAP_URL=//demo.docusign.net/clickapi/sdk/latest/docusign-click.js
34+
REACT_APP_DS_CLICKWRAP_URL=https://demo.docusign.net/clickapi/sdk/latest/docusign-click.js

‎client/public/index.html‎

Lines changed: 117 additions & 98 deletions
Original file line numberDiff line numberDiff line change
@@ -1,101 +1,120 @@
11
<!DOCTYPE html>
22
<html lang="en">
3-
<head>
4-
<!-- Google Tag Manager -->
5-
<script>
6-
window.dataLayer = window.dataLayer || [];
7-
if (!window.google_tag_manager) {
8-
console.warn("GTM is not initialized.");
9-
return;
3+
4+
<head>
5+
<!-- Google Tag Manager -->
6+
<script>
7+
window.dataLayer = window.dataLayer || [];
8+
if (!window.google_tag_manager) {
9+
console.warn("GTM is not initialized.");
10+
return;
1011
}
11-
(function(w, d, s, l, i) {
12-
try {
13-
w[l] = w[l] || [];
14-
w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' });
15-
var f = d.getElementsByTagName(s)[0];
16-
var j = d.createElement(s);
17-
var dl = l != 'dataLayer' ? '&l=' + l : '';
18-
j.async = true;
19-
j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
20-
21-
if (f && f.parentNode) {
22-
f.parentNode.insertBefore(j, f);
23-
} else {
24-
console.warn('GTM script insertion failed.');
25-
}
26-
} catch (err) {
27-
console.error('Error initializing GTM:', err);
28-
}
29-
})(window, document, 'script', 'dataLayer', 'GTM-WPK6FN5');
30-
</script>
31-
<!-- End Google Tag Manager -->
32-
<meta charset="utf-8" />
33-
<link rel="icon" href="favicon.png" />
34-
<meta name="viewport" content="width=device-width, initial-scale=1" />
35-
<meta name="theme-color" content="#000000" />
36-
<link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
37-
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
38-
<title>MyUni Docusign Sample Application</title>
39-
<meta name="description" content="See how the MyUni Docusign sample application for education showcases the capabilities of the Docusign API to enable you to integrate Docusign functionality into your own applications.">
40-
<meta property="og:type" content="article" />
41-
<meta name="twitter:title" content="MyUni Docusign Sample Application" />
42-
<meta name="twitter:description" content="See how the MyUni Docusign sample application for education showcases the capabilities of the Docusign API to enable you to integrate Docusign functionality into your own applications." />
43-
<meta property="og:title" content="MyUni Docusign Sample Application" />
44-
<meta property="og:description" content="See how the MyUni Docusign sample application for education showcases the capabilities of the Docusign API to enable you to integrate Docusign functionality into your own applications." />
45-
<meta property="og:image" content="%PUBLIC_URL%/MyUni_OG.png" />
46-
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">
47-
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Noto+Serif&display=swap" rel="stylesheet">
48-
<style>
49-
.h5, h5 {
50-
font-size: .9rem;
51-
}
52-
code {
53-
font-size: 100%;
54-
}
55-
pre {
56-
font-size: 90%;
57-
}
58-
.card-info .card-info-description {
59-
min-height: 45px;
60-
display: block;
61-
}
62-
.card-info .card-info-button-holder {
63-
padding: 25px 0;
64-
margin-bottom: 0;
65-
}
66-
.card-info .card-info-list {
67-
text-align: left;
68-
width: max-content;
69-
margin-left: auto;
70-
margin-right: auto;
71-
}
72-
.card-info .card-info-list-title {
73-
margin-bottom: 15px;
74-
margin-left: auto;
75-
margin-right: auto;
76-
width: max-content;
77-
}
78-
.custom-list {
79-
color: #b01c2e;
80-
line-height: 1.8;
81-
font-size: 14px;
82-
padding-left: 14px;
83-
margin-bottom: 0;
84-
}
85-
.btn-link {
86-
font-weight: 400;
87-
color: #b22035;
88-
text-decoration: none;
89-
font-size: 1rem;
90-
}
91-
</style>
92-
</head>
93-
<body>
94-
<!-- Google Tag Manager (noscript) -->
95-
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WPK6FN5"
96-
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
97-
<!-- End Google Tag Manager (noscript) -->
98-
<noscript>You need to enable JavaScript to run this app.</noscript>
99-
<div id="root"></div>
100-
</body>
101-
</html>
12+
(function (w, d, s, l, i) {
13+
try {
14+
w[l] = w[l] || [];
15+
w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' });
16+
var f = d.getElementsByTagName(s)[0];
17+
var j = d.createElement(s);
18+
var dl = l != 'dataLayer' ? '&l=' + l : '';
19+
j.async = true;
20+
j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
21+
22+
if (f && f.parentNode) {
23+
f.parentNode.insertBefore(j, f);
24+
} else {
25+
console.warn('GTM script insertion failed.');
26+
}
27+
} catch (err) {
28+
console.error('Error initializing GTM:', err);
29+
}
30+
})(window, document, 'script', 'dataLayer', 'GTM-WPK6FN5');
31+
</script>
32+
<!-- End Google Tag Manager -->
33+
<meta charset="utf-8" />
34+
<link rel="icon" href="favicon.png" />
35+
<meta name="viewport" content="width=device-width, initial-scale=1" />
36+
<meta name="theme-color" content="#000000" />
37+
<link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
38+
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
39+
<title>MyUni Docusign Sample Application</title>
40+
<meta name="description"
41+
content="See how the MyUni Docusign sample application for education showcases the capabilities of the Docusign API to enable you to integrate Docusign functionality into your own applications.">
42+
<meta property="og:type" content="article" />
43+
<meta name="twitter:title" content="MyUni Docusign Sample Application" />
44+
<meta name="twitter:description"
45+
content="See how the MyUni Docusign sample application for education showcases the capabilities of the Docusign API to enable you to integrate Docusign functionality into your own applications." />
46+
<meta property="og:title" content="MyUni Docusign Sample Application" />
47+
<meta property="og:description"
48+
content="See how the MyUni Docusign sample application for education showcases the capabilities of the Docusign API to enable you to integrate Docusign functionality into your own applications." />
49+
<meta property="og:image" content="%PUBLIC_URL%/MyUni_OG.png" />
50+
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap"
51+
rel="stylesheet">
52+
<link
53+
href="https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Noto+Serif&display=swap"
54+
rel="stylesheet">
55+
<style>
56+
.h5,
57+
h5 {
58+
font-size: .9rem;
59+
}
60+
61+
code {
62+
font-size: 100%;
63+
}
64+
65+
pre {
66+
font-size: 90%;
67+
}
68+
69+
.card-info .card-info-description {
70+
min-height: 45px;
71+
display: block;
72+
}
73+
74+
.card-info .card-info-button-holder {
75+
padding: 25px 0;
76+
margin-bottom: 0;
77+
}
78+
79+
.card-info .card-info-list {
80+
text-align: left;
81+
width: max-content;
82+
margin-left: auto;
83+
margin-right: auto;
84+
}
85+
86+
.card-info .card-info-list-title {
87+
margin-bottom: 15px;
88+
margin-left: auto;
89+
margin-right: auto;
90+
width: max-content;
91+
}
92+
93+
.custom-list {
94+
color: #b01c2e;
95+
line-height: 1.8;
96+
font-size: 14px;
97+
padding-left: 14px;
98+
margin-bottom: 0;
99+
}
100+
101+
.btn-link {
102+
font-weight: 400;
103+
color: #b22035;
104+
text-decoration: none;
105+
font-size: 1rem;
106+
}
107+
</style>
108+
</head>
109+
110+
<body>
111+
<!-- Google Tag Manager (noscript) -->
112+
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WPK6FN5" height="0" width="0"
113+
style="display:none;visibility:hidden"></iframe></noscript>
114+
<!-- End Google Tag Manager (noscript) -->
115+
<noscript>You need to enable JavaScript to run this app.</noscript>
116+
<script src="https://demo.docusign.net/clickapi/sdk/latest/docusign-click.js"></script>
117+
<div id="root"></div>
118+
</body>
119+
120+
</html>

‎client/src/assets/scss/components/_forms.scss‎

Lines changed: 27 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -15,8 +15,10 @@ input:-webkit-autofill:active {
1515

1616
select {
1717
&.form-control {
18-
-moz-appearance: none; /* Firefox */
19-
-webkit-appearance: none; /* Safari and Chrome */
18+
-moz-appearance: none;
19+
/* Firefox */
20+
-webkit-appearance: none;
21+
/* Safari and Chrome */
2022
appearance: none;
2123
// background-image: url(../img/arrow.svg) !important;
2224
background-position: center right;
@@ -54,7 +56,7 @@ input[type="checkbox"] {
5456
width: auto;
5557
height: auto;
5658

57-
& + label {
59+
&+label {
5860
position: relative;
5961
cursor: pointer;
6062
padding: 0;
@@ -95,25 +97,25 @@ input[type="checkbox"] {
9597
}
9698
}
9799

98-
&:not(:disabled):focus + label:before,
99-
&:not(:disabled):hover + label:before,
100-
&:not(:disabled):checked + label:before {
100+
&:not(:disabled):focus+label:before,
101+
&:not(:disabled):hover+label:before,
102+
&:not(:disabled):checked+label:before {
101103
background: $danger;
102104
border-color: $danger;
103105
outline: none;
104106
}
105107

106-
&:not(:disabled):focus + label:after,
107-
&:not(:disabled):hover + label:after,
108-
&:not(:disabled):checked + label:after {
108+
&:not(:disabled):focus+label:after,
109+
&:not(:disabled):hover+label:after,
110+
&:not(:disabled):checked+label:after {
109111
opacity: 1;
110112
}
111113

112-
&:disabled + label {
114+
&:disabled+label {
113115
pointer-events: none;
114116
}
115117

116-
&:disabled + label:before {
118+
&:disabled+label:before {
117119
box-shadow: none;
118120
pointer-events: none;
119121
background-color: #d1dadd;
@@ -129,7 +131,7 @@ input[type="radio"] {
129131
width: auto;
130132
height: auto;
131133

132-
& + label {
134+
&+label {
133135
position: relative;
134136
cursor: pointer;
135137
padding: 0;
@@ -168,25 +170,25 @@ input[type="radio"] {
168170
}
169171
}
170172

171-
&:not(:disabled):focus + label:before,
172-
&:not(:disabled):hover + label:before,
173-
&:not(:disabled):checked + label:before {
173+
&:not(:disabled):focus+label:before,
174+
&:not(:disabled):hover+label:before,
175+
&:not(:disabled):checked+label:before {
174176
background: $white;
175177
border-color: $danger;
176178
outline: none;
177179
}
178180

179-
&:not(:disabled):focus + label:after,
180-
&:not(:disabled):hover + label:after,
181-
&:not(:disabled):checked + label:after {
181+
&:not(:disabled):focus+label:after,
182+
&:not(:disabled):hover+label:after,
183+
&:not(:disabled):checked+label:after {
182184
opacity: 1;
183185
}
184186

185-
&:disabled + label {
187+
&:disabled+label {
186188
pointer-events: none;
187189
}
188190

189-
&:disabled + label:before {
191+
&:disabled+label:before {
190192
box-shadow: none;
191193
pointer-events: none;
192194
background-color: $white;
@@ -199,10 +201,12 @@ input[type="radio"] {
199201
margin-right: -$grid-gutter-width / 2;
200202
padding-left: $grid-gutter-width / 2;
201203
padding-right: $grid-gutter-width / 2;
204+
202205
@include media-breakpoint-up(md) {
203206
padding-left: 32px;
204207
padding-right: 32px;
205208
}
209+
206210
@include media-breakpoint-up(lg) {
207211
padding-left: 42px;
208212
}
@@ -214,6 +218,7 @@ input[type="radio"] {
214218

215219
.form-group {
216220
position: relative;
221+
margin-bottom: 15px;
217222

218223
.valid-feedback,
219224
.invalid-feedback {
@@ -228,8 +233,7 @@ input[type="radio"] {
228233
background-image: none !important;
229234

230235
&:invalid,
231-
&.invalid {
232-
}
236+
&.invalid {}
233237
}
234238

235239
.invalid-feedback {
@@ -242,4 +246,4 @@ input[type="radio"] {
242246

243247
.form-text {
244248
font-size: 11px;
245-
}
249+
}

0 commit comments

Comments
 (0)