generated from fastn-stack/fastn-template
-
Notifications
You must be signed in to change notification settings - Fork 0
/
pop-up.ftd
163 lines (113 loc) · 3 KB
/
pop-up.ftd
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
-- import: fifthtry.github.io/fifthtry.com/assets
-- import: fpm
-- import: fifthtry.github.io/inter/assets as font-assets
-- import: fifthtry.github.io/fifthtry.com/custom-typo as font
-- fpm.font-display: $font-assets.fonts.Inter
-- ftd.color shadow-col: rgba(150,98,32,1)
dark: rgba(150,98,32,1)
-- homepage:
-- ftd.column homepage:
optional ftd.color bg-color: $fpm.color.main.background.base
background-color: $bg-color
width: fill
open: true
--- popup-box:
-- ftd.column popup-box:
caption popup-title: Approve Changes
optional ftd.image-src cross-image: $assets.files.assets.images.cross.png
optional ftd.image-src side-image: $assets.files.assets.images.icon3.png
optional ftd.image-src code-image: $assets.files.assets.images.icon7.png
optional string code-txt: #203 Code PR name
optional ftd.image-src file-image: $assets.files.assets.images.icon6.png
optional string file-txt: #404 Doc PR name
optional body popup-body-part: You hereby declare that you’ve verified that the implemented code exactly matches the documentation, and is ready for merge.
optional body popup-lower-body: You take full responsibility for this approval
optional string type-box: Type your Github username to confirm
optional string confirm-btn: Confirm
optional string note: Note: Please ask the Dev/Documentor to come in sync if this is not the case
/ftd.color shadow-color: rgba(150,98,32,1)
border-width: 1
border-radius: 8
border-top: 8
border-color: $shadow-col
shadow-offset-x: 3
shadow-offset-y: 4
shadow-size: 1
shadow-blur: 4
shadow-color: $shadow-col
margin-top: 265
width: fill
color: $fpm.color.main.text
margin-left: 448
margin-bottom: 239
width: 614
height: 478
--- ftd.text: $popup-title
padding-top: 24
padding-bottom: 28
color: $fpm.color.main.text-strong
role: $fpm.type.title-large
align: center
--- ftd.row:
--- ftd.image:
src: $cross-image
margin-left: 575
margin-top: -60
--- ftd.image:
src: $side-image
margin-left: -386
--- ftd.column:
--- ftd.image:
src: $code-image
padding-left: 2
margin-top: -4
--- ftd.text: $code-txt
margin-left: 23
margin-top: -15
role: $fpm.type.body-medium
--- ftd.image:
src: $file-image
margin-top: 7
padding-left: 2
--- ftd.text: $file-txt
margin-left: 25
margin-top: -15
role: $fpm.type.body-medium
--- ftd.text: $popup-body-part
width: 464
padding-top: 38
margin-left: -140
role: $fpm.type.body-medium
text-align: center
--- ftd.text: $popup-lower-body
padding-top: 18
margin-left: -74
role: $fpm.type.body-medium
--- ftd.text: $type-box
margin-top: 18
margin-left: -155
width: 472
border-width: 1
border-radius: 8
padding-left: 62
padding-top: 14
padding-bottom: 12
role: $fpm.type.body-medium
--- ftd.text: $confirm-btn
margin-top: 33
margin-left: 32
padding-top: 8
padding-bottom: 8
padding-left: 16
padding-right: 16
border-width: 1
border-radius: 8
border-color: $shadow-col
background-color: $shadow-col
color: $fpm.color.main.text-strong
role: $fpm.type.body-medium
--- ftd.text: $note
padding-top: 34
width: 500
margin-left: -155
role: $fpm.type.body-medium