BitSquare/Codeman
2
0
Fork 0
mirror of https://github.com/Ark0N/Codeman.git synced 2026-10-10 01:09:43 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix(toolbar,mobile): #428 landing follow-ups

Browse Source 
Two pieces the #428 merge left out or lost:

- Spacing: the removed #shellCount stepper's 0.25rem margins were the only
  space between Run Shell and the case picker (the desktop .toolbar-group has
  gap: 0), so the two touched. The case picker now keeps the same 4px itself
  above 768px; at 768px and below mobile.css already spaces the group with gap.
- The phone case sheet's keyboard lift from #428's search commit. #488 shipped
  the sheet's search field without it, so on iOS (which does not shrink the
  layout viewport) the keyboard opens over the sheet and hides its own search
  box. KeyboardHandler now lifts an open sheet like the toolbar (translateY on
  phones, bottom on iPads), resetLayout() clears any sheet, and the list is
  capped while the keyboard is up so the search row and Create stay on screen.

Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
This commit is contained in:
Codeman maintainer
2026-10-08 20:01:45 +02:00
parent 9b28c277f0
commit aa8e06c162
4 changed files with 140 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/web/public/styles.css
+11
View File
@@ -6644,6 +6644,17 @@ body.touch-device .terminal-container .xterm .xterm-helper-textarea {
margin: 0 0.25rem;
}
/* Run Shell used to be followed by a second instance stepper whose 0.25rem
margins were the only space before the case picker (the desktop
.toolbar-group has gap: 0). That stepper is gone (#428), so the case picker
keeps the same 4px itself. At 768px and below mobile.css spaces the group
with a gap instead. */
@media (min-width: 769px) {
.toolbar-group > .case-select-group {
margin-left: 0.25rem;
}
}
.tab-count-btn {
display: flex;
align-items: center;