Commit graph

316 commits

Author SHA1 Message Date
7d50c6aba1 Merge branch 'main' into production 2024-01-03 19:13:14 -03:00
4cd703052d Add $primary-color, $primary-dark-color ("blue" theme) 2024-01-03 19:10:15 -03:00
aef5ad40ee Merge branch 'main' into production 2024-01-03 15:57:13 -03:00
2ea3055305 seo-related changes 2024-01-03 15:55:21 -03:00
5f55d62ada Switch to an SVG favicon 2023-12-14 22:14:11 -03:00
5d90d9f64f Switch to an SVG favicon 2023-12-10 19:52:59 -03:00
fc25721e53 Adjust responsiveness on SurahStream.tsx 2023-12-04 09:08:23 -03:00
4c57ec4d80 Responsive improvements (on SurahStream) 2023-12-04 09:08:23 -03:00
acc049fb3d Adjust responsiveness on SurahStream.tsx 2023-12-04 09:07:05 -03:00
921453ea5a Responsive improvements (on SurahStream) 2023-12-04 08:48:23 -03:00
c943ace50b Fix language dropdown alignment on iOS 2023-12-04 07:57:56 -03:00
fadf792c3e Fix language dropdown alignment on iOS 2023-12-04 07:56:43 -03:00
c9e676a16a Reduce right offset on arabic layout 2023-12-04 07:43:51 -03:00
c25d3aedcb Remove dead CSS 2023-12-04 07:43:51 -03:00
7421f041e6 Avoid text jump when the stream is paused
When the scrollbar goes from display none to being visible, the
text beside it can jump in-place. This change avoids that by making
the scrollbar invisible.
2023-12-04 07:43:51 -03:00
a3a9f4abb5 Really fix auto-scroll on iOS 2023-12-04 07:43:51 -03:00
cbab7d1795 Reduce right offset on arabic layout 2023-12-04 07:43:15 -03:00
9f787c21bb Remove dead CSS 2023-12-04 07:26:00 -03:00
ac9992ece8 Avoid text jump when the stream is paused
When the scrollbar goes from display none to being visible, the
text beside it can jump in-place. This change avoids that by making
the scrollbar invisible.
2023-12-04 05:27:06 -03:00
446c4ed276 Really fix auto-scroll on iOS 2023-12-04 05:03:35 -03:00
6706f8a4a9 Remove scrollIntoView 2023-12-04 04:03:46 -03:00
74576b05aa Remove scrollIntoView 2023-12-04 03:57:27 -03:00
61c98d072f Remove deadcode 2023-12-04 02:08:30 -03:00
5264b846f6 fixup! Add "OFFSET" to Stream.tsx 2023-12-04 02:08:30 -03:00
01d7e4f6fb Add "OFFSET" to Stream.tsx 2023-12-04 02:08:30 -03:00
3acdaf8a2a 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 02:08:30 -03:00
af92fafeb2 useRef / useMemo in Stream.tsx 2023-12-04 02:08:30 -03:00
e0ed29b812 scrollBy offsetHeight + scrollTop 2023-12-04 02:08:30 -03:00
454faac829 Fix auto-scroll in SurahStream.tsx (mobile / iOS) 2023-12-04 02:08:30 -03:00
9defa1bb47 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-12-04 02:08:30 -03:00
e72db010d7 Remove deadcode 2023-12-04 02:04:54 -03:00
8ae3585cbf Update quran.png 2023-12-04 02:03:29 -03:00
1e3922f140 Update quran.png 2023-12-04 02:03:29 -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
df78d78455 Optimize height 2023-11-26 23:49:15 -03:00
adac9912b0 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 23:49:15 -03:00
47738b2937 Bump surah ID width to 45px
On the Surah Index page, in the "en" locale, there was not enough
space between a surah's ID and its name. This change fixes that.
2023-11-26 23:49:15 -03:00
eaa0113ad9 Optimize height 2023-11-26 23:45:12 -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
ea23419aac Bump surah ID width to 45px
On the Surah Index page, in the "en" locale, there was not enough
space between a surah's ID and its name. This change fixes that.
2023-11-20 19:16:41 -03:00
2a1b296a6f Enable hover effect on devices with first-class hover support
On devices such as a phone, the hover effect will not be applied.
2023-11-20 16:20:53 -03:00
3b391131ff Remove height properties 2023-11-20 16:20:53 -03:00
a5ae22e16b Fix /ar/ alignment
align-items: center; appears to not have the desired effect, but
leaving it unset does. The en locale remains with align-items: center;
2023-11-20 16:20:53 -03:00
94619bab19 Enable hover effect on devices with first-class hover support
On devices such as a phone, the hover effect will not be applied.
2023-11-20 12:56:31 -03:00