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