0802c5340a
Minor tweaks and improvements
2024-02-28 20:11:24 -03:00
b50192795d
Rewrite SurahStream.tsx with tail.css
2024-02-28 19:41:48 -03:00
513fe07c8a
Rewrite SurahIndex.tsx with tail.css
2024-02-28 19:41:48 -03:00
b2bcd644ff
Hide SurahIndexFilter.tsx at low-resolution widths
2024-02-24 19:21:42 -03:00
58477688b0
Remove 'playing', 'stopped' CSS classes
2024-02-24 00:06:08 -03:00
c23cf266b9
Set scroll-y on demand (SurahStream.tsx)
2024-02-23 23:54:29 -03:00
3277fbd399
Show total number of ayah alongside the active ayah
2024-02-01 07:23:16 -03:00
717e11944e
Add filter to SurahIndex.tsx
2024-01-30 19:08:00 -03:00
446c4ed276
Really fix auto-scroll on iOS
2023-12-04 05:03:35 -03:00
74576b05aa
Remove scrollIntoView
2023-12-04 03:57:27 -03:00
e72db010d7
Remove deadcode
2023-12-04 02:04:54 -03:00
1d8f34b587
fixup! Add "OFFSET" to Stream.tsx
2023-12-04 02:03:29 -03:00
270e9a06ff
Add "OFFSET" to Stream.tsx
2023-12-04 02:03:29 -03:00
46850a8cfb
Optimize memo of Stream.tsx
...
The Stream only has to re-render when 'stream.length' changes, but
could be re-rendered by a parent in scenarios where 'stream.length'
has not changed. This change optimizes that scenario by only
re-rendering the stream when 'stream.length' changes.
2023-12-04 01:59:13 -03:00
1a7af1be2a
useRef / useMemo in Stream.tsx
2023-12-04 01:36:58 -03:00
f2db229dd0
scrollBy offsetHeight + scrollTop
2023-12-04 00:39:20 -03:00
7d2bdf8a6b
Fix auto-scroll in SurahStream.tsx (mobile / iOS)
2023-12-04 00:01:08 -03:00
89e4d50460
Add /durations/
...
This change fixes SurahStream.tsx by hosting the durations for the
timer locally, within the app, rather than depending on
al-quran.reflectslight.io being accessible (eg when offline).
2023-11-28 15:13:32 -03:00
0f0d03fbd4
Misc UI / layout improvements
...
The Arabic layout is especially improved. The CSS still needs work,
I think the most tech debt is probably within the css.
2023-11-26 22:08:38 -03:00
714d2613d5
Further UI improvements
2023-10-30 02:34:35 -03:00
aaea2cc7e6
Add custom scrollbar rules, improve CSS
2023-10-30 01:01:40 -03:00
48eda16678
Move /src/js/pages/* to /src/js/
...
And move `/src/css/pages/*` to `/src/css/`.
2023-10-29 20:24:26 -03:00
d381ec1522
Wrap theme / language dropdowns in a <nav> element.
2023-10-29 20:10:04 -03:00
43f7fc85c9
Add semantic-HTML improvements, CSS improvements
2023-10-29 20:03:16 -03:00
678aa186ea
Increase retry frequency
2023-10-28 12:33:27 -03:00
479106b13a
Abide by 80col limit
2023-10-28 12:14:40 -03:00
b1d9be9806
Fix .husky/pre-commit
2023-10-28 11:19:41 -03:00
365c27d273
SurahStream: wrap content in <article>
2023-10-28 10:57:12 -03:00
f5488b578f
Add <header>
2023-10-28 10:50:30 -03:00
0c51b38079
Run eslint / prettier
2023-10-28 09:51:18 -03:00
3e703b6a3d
Improve "Select a random chapter"
...
Add arrow, add <footer> to `SurahIndex`, and other
mprovements.
2023-10-28 09:50:13 -03:00
058fabd46b
Run prettier / eslint
2023-10-28 06:09:16 -03:00
3682c4a3bd
Fix alignment of items in footer
2023-10-28 06:08:37 -03:00
6f2e33366d
Further UI improvements
2023-10-26 09:39:20 -03:00
0aedf7d359
Set role="banner" on <h1>
2023-10-25 03:55:33 -03:00
3626eaa6de
Run eslint / prettier
2023-10-25 03:14:28 -03:00
a3d9dd1446
Start transition to semantic HTML
2023-10-25 03:11:54 -03:00
48329928e3
Update UI for surah's name (ar locale)
2023-10-23 18:58:55 -03:00
70d4bb424e
Remove "invisible" class when theme changes
2023-10-23 15:00:43 -03:00
11bd1105fb
Avoid re-render glitches
...
When changing between languages, the transition between pages can
cause UI glitches, where text could change font for a brief second.
The fix makes the main content invisible by default, and applies the
'invisible' class just before switching languages. After the main
content has rendered, the 'invisible' class is removed. These changes
effectively remove the UI glitches that were present when switching
languages.
2023-10-23 14:52:55 -03:00
6eb62c7e5a
Append / to redirect path
2023-10-23 14:23:25 -03:00
a9315803f0
Fix ThemeSelect, LanguageSelect
2023-10-23 02:08:43 -03:00
9e393fcdf7
Rename themes after colors (leaf = green, moon = blue)
...
This commit introduces the language and theme dropdowns as being
invisible, and includes work related to improving how the dropdowns
are implemented.
2023-10-23 02:08:43 -03:00
47847b2545
Add new hook: 'useTheme'
2023-10-23 02:08:42 -03:00
c9347a490e
Further UI improvements
2023-10-23 02:08:42 -03:00
a56de77773
Further UI improvements
2023-10-23 02:08:42 -03:00
c4e00f2158
Further UI improvements
2023-10-23 02:08:42 -03:00
ae9f98b244
Further UI improvements
2023-10-23 02:08:42 -03:00
a2259df872
Further UI improvements
2023-10-23 02:08:42 -03:00
7542e762fc
Further UI improvements
2023-10-23 02:08:42 -03:00
