|
172 | 172 | </script> |
173 | 173 |
|
174 | 174 | {#snippet severityPopover()} |
175 | | - <div slot="info"> |
176 | | - <Popover let:toggle> |
177 | | - <Button extraCompact size="s" on:click={toggle}> |
178 | | - <Icon size="s" icon={IconInfo} /> |
179 | | - </Button> |
180 | | - <div slot="tooltip" style="max-width: 400px;"> |
181 | | - <Layout.Stack gap="s"> |
182 | | - <Typography.Text> |
183 | | - <b>Critical:</b> System is down or a critical component is non-functional, |
184 | | - causing a complete stoppage of work or significant business impact. |
185 | | - </Typography.Text> |
186 | | - <Typography.Text> |
187 | | - <b>High:</b> Major functionality is impaired, but a workaround is |
188 | | - available, or a critical component is significantly degraded. |
189 | | - </Typography.Text> |
190 | | - <Typography.Text> |
191 | | - <b>Medium:</b> Minor functionality is impaired without significant business |
192 | | - impact. |
193 | | - </Typography.Text> |
194 | | - <Typography.Text> |
195 | | - <b>Low:</b> Issue has minor impact on business operations; workaround is |
196 | | - not necessary. |
197 | | - </Typography.Text> |
198 | | - <Typography.Text> |
199 | | - <b>Question:</b> Requests for information, general guidance, or feature |
200 | | - requests. |
201 | | - </Typography.Text> |
202 | | - </Layout.Stack> |
203 | | - </div> |
204 | | - </Popover> |
205 | | - </div> |
| 175 | + <Popover let:toggle> |
| 176 | + <Button extraCompact size="s" on:click={toggle}> |
| 177 | + <Icon size="s" icon={IconInfo} /> |
| 178 | + </Button> |
| 179 | + <div slot="tooltip" style="max-width: 400px;"> |
| 180 | + <Layout.Stack gap="s"> |
| 181 | + <Typography.Text> |
| 182 | + <b>Critical:</b> System is down or a critical component is non-functional, causing |
| 183 | + a complete stoppage of work or significant business impact. |
| 184 | + </Typography.Text> |
| 185 | + <Typography.Text> |
| 186 | + <b>High:</b> Major functionality is impaired, but a workaround is available, or a |
| 187 | + critical component is significantly degraded. |
| 188 | + </Typography.Text> |
| 189 | + <Typography.Text> |
| 190 | + <b>Medium:</b> Minor functionality is impaired without significant business impact. |
| 191 | + </Typography.Text> |
| 192 | + <Typography.Text> |
| 193 | + <b>Low:</b> Issue has minor impact on business operations; workaround is not necessary. |
| 194 | + </Typography.Text> |
| 195 | + <Typography.Text> |
| 196 | + <b>Question:</b> Requests for information, general guidance, or feature requests. |
| 197 | + </Typography.Text> |
| 198 | + </Layout.Stack> |
| 199 | + </div> |
| 200 | + </Popover> |
206 | 201 | {/snippet} |
207 | 202 |
|
208 | 203 | <Wizard title="Contact us" confirmExit={true}> |
|
254 | 249 | bind:value={$supportData.severity} |
255 | 250 | required |
256 | 251 | placeholder="Select severity"> |
257 | | - {@render severityPopover()} |
| 252 | + <div slot="info"> |
| 253 | + {@render severityPopover()} |
| 254 | + </div> |
258 | 255 | </InputSelect> |
259 | 256 | <InputText |
260 | 257 | id="subject" |
|
0 commit comments