Open reading settings in the left-hand panel on large screens
On a tablet or an unfolded foldable the gear now opens reading settings as a panel on the left, where the dictionary opens, instead of a bottom sheet. The page stays in view beside it, so a change of theme, font, weight or size shows on the poem as it is made. The sheet and the panel share one ReadingSettingsContent; phones keep the sheet. Adds wireframe 8 and notes in the design docs. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01RhmDdrN5hgWrgRcFLAMsV6
This commit is contained in:
7 files changed
+85
-6
No files matched your search
@@ -1,6 +1,6 @@
|
||||
# ColumnBrowser
|
||||
|
||||
The layout for tablets and unfolded foldables. A narrow column of poets sits on the right. Beside it is a column for each level of the open book (books › chapters › poems), and the open page fills the rest of the screen on the left. Phones keep today's navigation. Built in `app/src/main/java/com/ganjoor/android/ui/ColumnBrowser.kt`; wireframes are in `design/wireframes/`.
|
||||
The layout for tablets and unfolded foldables. A narrow column of poets sits on the right. Beside it is a column for each level of the open book (books › chapters › poems), and the open page fills the rest of the screen on the left. Phones keep today's navigation. Built in `app/src/main/java/com/ganjoor/android/ui/ColumnBrowser.kt`; wireframes are in `design/wireframes/` (1–8).
|
||||
|
||||
## Window sizes
|
||||
|
||||
@@ -46,6 +46,13 @@ On large screens, tapping a word opens **WordPanel** on the left instead of the
|
||||
- The tapped word stays highlighted in the verse (`secondary-container` / `on-secondary-container`), on phones too.
|
||||
- ✕ or Back closes the panel.
|
||||
|
||||
## Reading settings
|
||||
|
||||
On large screens the gear opens **ReadingSettingsPanel** on the left, where the dictionary opens, instead of the bottom sheet:
|
||||
- It has the same width and surface as the dictionary panel, with a "Reading settings" header and a ✕ button. The settings and their order are the same as in the sheet.
|
||||
- The page stays in view beside the panel, so a change of theme, font, weight or size shows on the poem as it's made.
|
||||
- ✕ or Back closes it. Phones keep the bottom sheet.
|
||||
|
||||
## Loading
|
||||
|
||||
Nothing covers the whole screen while it loads, on phones as well:
|
||||
|
||||
@@ -7,3 +7,4 @@ The Material bottom sheet behind the gear icon: theme, OLED, font, weight, text
|
||||
- Order: Theme chips → OLED toggle → Font chips → Weight chips → Text size slider (14–40, steps of 2) → **live preview** of a hemistich in the chosen reading style → Language chips → Offline mode → Show summaries → AI assistant, About & licences as TextButtons.
|
||||
- Every group has a **SectionLabel**. Changes apply immediately; there is no Save.
|
||||
- Changing language recreates the activity.
|
||||
- On tablets and unfolded foldables the same settings open as a panel on the left instead (`ReadingSettingsPanel`, see ColumnBrowser), so the poem stays in view while they change.
|
||||
Reference in new issue
Block a user