446c4ed276
Really fix auto-scroll on iOS
2023-12-04 05:03:35 -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
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
c3b1d0be45
Remove height properties
2023-11-15 19:27:55 -03:00
1f0127192f
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-12 19:33:56 -03:00
e358b65736
Add hover effect on SurahIndex.tsx
2023-11-12 12:54:02 -03:00
6c0819bfdd
Improve language dropdown (take 2)
2023-10-30 06:55:24 -03:00
770c087868
Improve language dropdown
2023-10-30 06:28:21 -03:00
300188bbc4
Adjust "blue" theme
2023-10-30 06:10:51 -03:00
2496f2c309
Increase overall font-size for Arabic pages
2023-10-30 05:46:24 -03:00
5c629463dc
Center <h1> content
2023-10-30 03:22:50 -03:00
7a943802ca
Set height on ul.stream
2023-10-30 03:18:10 -03:00
864253c4b7
Add space between h1 and the content below it
2023-10-30 02:54:20 -03:00
714d2613d5
Further UI improvements
2023-10-30 02:34:35 -03:00
af0f1dd3fa
Adjust header heights
2023-10-30 01:11:24 -03:00
aaea2cc7e6
Add custom scrollbar rules, improve CSS
2023-10-30 01:01:40 -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
a534e2eb79
CSS tweaks and fixes
2023-10-28 10:40:48 -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
c41a5cd2a7
Bug fixes
2023-10-28 07:47:27 -03:00
3682c4a3bd
Fix alignment of items in footer
2023-10-28 06:08:37 -03:00
996325a13b
Fix for Arabic layout
2023-10-26 09:48:22 -03:00
6f2e33366d
Further UI improvements
2023-10-26 09:39:20 -03:00
820b0a4eb5
Tweak h1
2023-10-25 04:25:42 -03:00
19d9dd2e53
Tweaks and fixes
2023-10-25 03:49:11 -03:00
3d69b44c1c
Tweaks and fixes
2023-10-25 03:47:20 -03:00
a3d9dd1446
Start transition to semantic HTML
2023-10-25 03:11:54 -03:00
b238f361df
Remove unneccesary unsets
2023-10-24 04:39:59 -03:00
56fe18ea95
Fix Icon (blue theme)
2023-10-24 04:35:38 -03:00
6768a6650b
Fix icon
2023-10-24 04:31:26 -03:00
6179b8928c
Replace $gold2 with $gold1 - 10% lighter than a gold-ish color.
2023-10-24 02:27:55 -03:00
e140d38931
Adjust $max-width
2023-10-24 02:19:37 -03:00
cb029d6b8a
Increase $max-width
2023-10-24 02:11:24 -03:00
a83e8dd15f
Further UI improvements
2023-10-24 02:01:06 -03:00
6515ee579f
Blue theme is blended with gold more often (ar locale)
2023-10-24 01:54:44 -03:00
70e2e82753
Show surah name in blue (blue theme, ar locale)
2023-10-23 23:36:07 -03:00
6ac7c6ee04
Fix / improve layout of play / pause icon in footer
2023-10-23 22:35:20 -03:00
98f259fb22
Change language dropdown to be similar to the theme dropdown
...
Not yet perfect but a step in the right direction.
2023-10-23 22:35:20 -03:00
48329928e3
Update UI for surah's name (ar locale)
2023-10-23 18:58:55 -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
764cf6709c
Set selected language to $blue1 (blue theme)
2023-10-23 14:23:25 -03:00
c944c1afa7
Fix import path
2023-10-23 14:23:25 -03:00
d7cf081028
.stalled.icon is rendered outside .footer
2023-10-23 14:23:25 -03:00
16352bd37c
Fix stalled icon within green theme
2023-10-23 14:23:25 -03:00
b1a8c053c5
Fix position of stalled icon
2023-10-23 14:23:25 -03:00
feae0ea6e6
Further UI improvements
2023-10-23 02:08:43 -03:00
75a72397e3
Switch to more straight forward scss $var names
2023-10-23 02:08:43 -03:00
