experiments in a post-browser web
fix(mobile): restore bottom bar fix
+26
-15
.TODO.md.swp
.TODO.md.swp
This is a binary file and will not be displayed.
+1
-1
TODO.md
+1
-1
TODO.md
···
11
11
Be able to use the app on mobile and desktop with the safety of knowing there's also at least one remote copy.
12
12
13
13
Today
14
-
- [ ][release] build and deploy release versions of desktop, ios, and server
14
+
- [~][release] build and deploy release versions of desktop, ios, and server
15
15
- [ ][workflow] agents need policy to never read outside workspace; spawned explore agents don't inherit policies
16
16
- [ ][security] remove production server endpoint from source - should only be in .env files or user-entered
17
17
+16
-11
backend/tauri-mobile/src/App.css
+16
-11
backend/tauri-mobile/src/App.css
···
58
58
overflow-y: auto;
59
59
overflow-x: hidden;
60
60
-webkit-overflow-scrolling: touch;
61
+
overscroll-behavior-y: contain;
61
62
padding: 0.75rem;
62
63
background-color: #f6f6f6;
63
64
}
···
431
432
}
432
433
433
434
.saved-url-tag {
434
-
padding: 0.25rem 0.75rem;
435
+
padding: 0.3rem 0.8rem;
435
436
background: #e0e0e0;
436
437
border-radius: 12px;
437
438
font-size: 0.85rem;
···
723
724
724
725
body.dark {
725
726
color: #f6f6f6;
727
+
background-color: #1c1c1e;
728
+
}
729
+
730
+
body.dark main.saved-view {
726
731
background-color: #1c1c1e;
727
732
}
728
733
···
1477
1482
.unified-list {
1478
1483
display: flex;
1479
1484
flex-direction: column;
1480
-
gap: 0.5rem;
1485
+
gap: 0.65rem;
1481
1486
width: 100%;
1482
1487
}
1483
1488
···
1753
1758
display: flex;
1754
1759
justify-content: space-between;
1755
1760
align-items: flex-start;
1756
-
gap: 0.5rem;
1761
+
gap: 0.6rem;
1757
1762
}
1758
1763
1759
1764
.tagset-tags {
1760
1765
flex: 1;
1761
1766
display: flex;
1762
1767
flex-wrap: wrap;
1763
-
gap: 0.5rem;
1768
+
gap: 0.6rem;
1764
1769
}
1765
1770
1766
1771
.saved-tagset-tag {
1767
-
padding: 0.35rem 0.75rem;
1772
+
padding: 0.4rem 0.8rem;
1768
1773
background: #007aff;
1769
1774
color: white;
1770
1775
border-radius: 12px;
···
1838
1843
1839
1844
.image-row {
1840
1845
display: flex;
1841
-
gap: 0.75rem;
1846
+
gap: 0.85rem;
1842
1847
align-items: flex-start;
1843
1848
}
1844
1849
···
1911
1916
}
1912
1917
1913
1918
.saved-image-tag {
1914
-
padding: 0.25rem 0.75rem;
1919
+
padding: 0.3rem 0.8rem;
1915
1920
background: #e0e0e0;
1916
1921
border-radius: 12px;
1917
1922
font-size: 0.85rem;
···
2064
2069
flex: 1;
2065
2070
overflow-y: auto;
2066
2071
-webkit-overflow-scrolling: touch;
2067
-
padding: 0.5rem 1rem;
2072
+
padding: 0.65rem 1.15rem;
2068
2073
max-height: 40vh;
2069
2074
min-height: 0;
2070
2075
}
2071
2076
2072
2077
.expandable-card-section {
2073
-
margin-bottom: 0.75rem;
2078
+
margin-bottom: 0.85rem;
2074
2079
}
2075
2080
2076
2081
.expandable-card-section:last-child {
···
2080
2085
/* Action buttons - always visible at bottom */
2081
2086
.expandable-card-buttons {
2082
2087
display: flex;
2083
-
gap: 0.75rem;
2084
-
padding: 0.75rem 1rem;
2088
+
gap: 0.85rem;
2089
+
padding: 0.85rem 1.15rem;
2085
2090
border-top: 1px solid #e8e8e8;
2086
2091
background: white;
2087
2092
flex-shrink: 0;
+9
-3
backend/tauri-mobile/src/App.tsx
+9
-3
backend/tauri-mobile/src/App.tsx
···
138
138
if (addInputExpanded && addTextareaRef.current) {
139
139
// Small delay to let React render the textarea first
140
140
setTimeout(() => {
141
-
addTextareaRef.current?.focus({ preventScroll: true });
141
+
const textarea = addTextareaRef.current;
142
+
if (textarea) {
143
+
textarea.focus({ preventScroll: true });
144
+
// Move cursor to end of text
145
+
const length = textarea.value.length;
146
+
textarea.setSelectionRange(length, length);
147
+
}
142
148
}, 10);
143
149
}
144
150
}, [addInputExpanded]);
···
2457
2463
2458
2464
{/* Action buttons - always visible at bottom */}
2459
2465
<div className="expandable-card-buttons">
2460
-
<button className="cancel-btn" onClick={resetAddInput}>
2461
-
Cancel
2466
+
<button className="cancel-btn" onClick={() => setAddInputExpanded(false)}>
2467
+
Close
2462
2468
</button>
2463
2469
<button
2464
2470
className="save-btn"