nicer buttons

ui/_/code/quill.js

@@ -1,6 +1,8 @@
 /*
     Sam Russell
     Captured Sun
+    2.27.26 - Adding parentShadow() function
+    2.16.26 - Adding event objects to the onTouch callbacks
     1.16.26 - Moving nav event dispatch out of pushState, adding null feature to attr()
     1.5.26 - Switching verticalAlign and horizontalAlign names, adding borderVertical and Horizontal
     12.26.25 - State for arrays, nested objects. State for stacks (Shadow-only)
@@ -310,6 +312,17 @@ HTMLElement.prototype.rerender = function() {
     quill.rerender(this)
 }
 
+HTMLElement.prototype.parentShadow = function(selector) {
+    let el = this
+    while(el !== document.body) {
+        el = el.parentElement
+        if(el instanceof Shadow) {
+            return el
+        }
+    }
+    return null
+}
+
 /* Styling */
 
 window.pct = "%"
@@ -1066,9 +1079,9 @@ HTMLElement.prototype.onSubmit = function(cb) {
 };
 
 HTMLElement.prototype.onTouch = function(cb) {
-    const onStart = () => cb.call(this, true);
-    const onEnd = () => cb.call(this, false);
-    const onCancel = () => cb.call(this, null);
+    const onStart = (e) => cb.call(this, true, e);
+    const onEnd = (e) => cb.call(this, false, e);
+    const onCancel = (e) => cb.call(this, null, e);
     this._storeListener("touchstart", onStart);
     this._storeListener("touchend", onEnd);
     this._storeListener("touchcancel", onCancel);

ui/_/code/shared.css

@@ -111,6 +111,10 @@ body {
     border: 1px solid #7a6b55;
 }
 
+:root app-window {
+    border-bottom: 2px solid var(--window);
+}
+
 @media (max-width: 480px) {
     body, html{
         overflow-x: hidden;