Phone-friendly interface: compact tables, merged optics, responsive columns#140
Merged
Merged
Conversation
…removed non-clickable IDs - Telescope list: replace separate Focal/Aperture columns with a single Optics column showing "504mm@F/2.8" format; remove non-clickable scope_id column - Sensors list: remove non-clickable sensor_id column; add responsive mobile layout that collapses 11 columns to 5 (name, vendor, resolution, active, actions) with a combined "Res X×Y" column; overflow-x: auto on table container - Filters list: remove non-clickable filter_id column; hide url column on mobile; change default sort to short_name - Tasks list: remove non-clickable task_id column; collapse to 4 columns on mobile (scope, state, object, actions); add overflow-x: auto - Global styles.css: reduce mat-table cell horizontal padding to 8px on ≤640px; add word-break to prevent layout blow-outs on small screens - All list containers: add overflow-x: auto to table containers, reduce container padding from 20px to 8px on mobile, reduce table font-size to 0.82rem on mobile https://claude.ai/code/session_013nHWeqHuiEm81a8VLVeaUT
…headers, larger touch targets - Sensors list: replace separate Res X/Res Y, Pixel X/Y, Width/Height columns with combined Resolution (4096×3072), Pixel size (3.76×3.76µm) and Sensor size (36×24mm) columns on desktop, reducing from 11 → 8 columns; mobile stays at 5 columns - All tables: add sticky: true to matHeaderRowDef so column headers stay visible while scrolling long lists (telescopes, sensors, filters, tasks, projects) - Global styles: increase mat-icon-button to 44×44px on mobile, meeting iOS/Material touch target guidelines https://claude.ai/code/session_013nHWeqHuiEm81a8VLVeaUT
- it now shows summary of subframes gathered so far
tomaszmrugalski
force-pushed
the
claude/phone-friendly-interface-Er6n9
branch
from
8c5ca74 to
6c21f02
Compare
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
504mm@F/2.8; remove non-clickable ID column4096×3072), active, actionsshort_nameword-breakto prevent layout blow-outs, compact paginator labelsoverflow-x: autoso wide tables stay scrollable rather than clipping on narrow screens; reduce container padding from 20px → 8px and table font-size to 0.82rem on mobileFurther phone-friendly improvements identified
Worth considering for a follow-up:
Pixel X+Pixel Yinto aPixel sizecolumn (e.g.3.76×3.76µm) andWidth+Heightinto aSensor sizecolumn — reduces desktop columns from 11 → 9position: sticky; top: 0onmat-header-rowso column names stay visible while scrolling long tablesTest plan
504mm@F/2.8style optics column; no separate Focal/Aperture; no ID columnhttps://claude.ai/code/session_013nHWeqHuiEm81a8VLVeaUT
Generated by Claude Code