DeforaNetworks/corteza
3
0
Fork 0
Code Activity

Style toast notifications

Browse Source
This commit is contained in:
Mia Arh
2021-03-08 19:49:15 +01:00
parent d25117ab62
commit 76c57ac82b
3 changed files with 17 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
auth/assets/templates/inc_footer.html.tpl
+1 -1
View File
@@ -12,7 +12,7 @@
<a href="https://cortezaproject.org/" target="_blank" class="text-white mr-2">cortezaproject.org</a>
<a href="https://github.com/cortezaproject/" target="_blank" class="text-white ml-2">GitHub</a>
</div>
<small class="p-1 text-secondary position-absolute version mt-2">
<small class="p-1 text-secondary position-absolute version mr-3">
version {{ version }}
</small>
</body>
auth/assets/templates/inc_toasts.html.tpl
+6 -10
View File
@@ -1,15 +1,11 @@
<div class="position-fixed bottom-0 right-0 p-3" style="z-index: 5; right: 0; bottom: 0;">
<div class="position-fixed bottom-0 right-0 p-3 mb-2" style="z-index: 5; right: 0; bottom: 0;">
{{ range . }}
<div class="toast" role="alert" aria-live="polite" aria-atomic="true" data-delay="5000">
<div class="toast-header">
<span class="badge badge-{{ .Type }} mr-1 px-2">&nbsp;</span>
<strong class="mr-auto">Corteza</strong>
<button type="button" class="ml-2 mb-1 close" data-dismiss="toast" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="toast-body p-3">
<div class="toast align-items-center bg-dark text-white" role="alert" aria-live="polite" aria-atomic="true" data-delay="5000" style="min-width:200px;">
<div class="d-flex toast-body border-top border-{{ .Type }}">
{{ .Text | html }}
<button type="button" class="ml-auto text-white btn p-0" data-dismiss="toast" aria-label="Close">
<i class="bi bi-x"></i>
</button>
</div>
</div>
{{ end }}
auth/assets/templates/scenarios.yaml
+10
View File
@@ -80,6 +80,16 @@ mfa:
emailOtpPending: true
form:
emailOtpError: "There was an error..."
With alerts (toast):
alerts:
- Text: booya
- Text: Red top border for errors
Type: danger
- Text: Modi sociosqu quibusdam modi delectus ridiculus per potenti sollicitudin dicta porro cumque, gravida odio? Tempora! Molestia
Type: danger
- Text: Primary toast
Type: primary
mfa-totp:
Default: