frayerjj-frontend 0.6.6 → 0.6.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "frayerjj-frontend",
3
- "version": "0.6.6",
3
+ "version": "0.6.8",
4
4
  "description": "My base frontend for various projects",
5
5
  "main": "src/index.js",
6
6
  "type": "module",
package/src/loading.js CHANGED
@@ -45,7 +45,7 @@ export const loading = {
45
45
  loading.interval = setInterval(loading.planetarium.animation, loading.planetarium.delay);
46
46
  }
47
47
  // Stop at Corona for Delay
48
- if (loading.planetarium.shadowOffset == -65 && loading.planetarium.wait > 0)
48
+ if (loading.planetarium.shadowOffset == -60 && loading.planetarium.wait > 0)
49
49
  loading.planetarium.wait--;
50
50
  // Standard Movement Per Frame
51
51
  else {
package/src/modal.js CHANGED
@@ -27,7 +27,7 @@ export const modal = {
27
27
  id: randomId,
28
28
  title: el.getAttribute('modal-title'),
29
29
  body: '',
30
- class: (el.getAttribute('modal-class') ?? ''),
30
+ className: (el.getAttribute('modal-class') ?? ''),
31
31
  buttons: buttons
32
32
  }));
33
33
  let ajaxModal = document.getElementById(randomId),
@@ -187,7 +187,7 @@ export const modal = {
187
187
  let modalDialog = document.createElement('div');
188
188
  modalDialog.className = 'modal-dialog';
189
189
  if (args.className)
190
- modalDialog.classList.add(args.class);
190
+ modalDialog.classList.add(args.className);
191
191
 
192
192
  // Modal content
193
193
  let modalContent = document.createElement('div');
@@ -24,6 +24,19 @@ span.required {
24
24
  .input-group label.error {
25
25
  right: 1em;
26
26
  }
27
+ .danger-switch:active {
28
+ filter: brightness(90%);
29
+ }
30
+ .danger-switch:focus {
31
+ border-color: #dc3545;
32
+ box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
33
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28220, 53, 69, 1%29'/%3e%3c/svg%3e");
34
+ }
35
+ .danger-switch:checked {
36
+ background-color: #dc3545;
37
+ border-color: #dc3545;
38
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
39
+ }
27
40
  .tt-query, .tt-hint {
28
41
  padding: 8px 12px;
29
42
  font-size: 17px;