Commit graph

80 commits

Author SHA1 Message Date
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
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
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
a2259df872 Further UI improvements 2023-10-23 02:08:42 -03:00
7542e762fc Further UI improvements 2023-10-23 02:08:42 -03:00
05e519c737 UI changes 2023-10-14 09:21:39 -03:00
04fb949a28 Add AudioControl 2023-10-13 00:37:16 -03:00
1d641e7c71 Re-organize project files
Attempt to simplify the layout of project files.
2023-10-08 06:31:29 -03:00
300b59aa14 Improve layout on stream page (Arabic) 2023-07-25 14:26:02 -03:00
731e951f2e Fix layout on index page (Arabic) 2023-07-25 14:26:02 -03:00
2bb64eb390 Add spinner
When the audio is stalled or "waiting", show an animation
that indicates the loading state.
2023-07-17 09:16:22 -03:00
51cc7484a0 Set $green on refresh button (leaf theme) 2023-07-13 16:23:37 -03:00
7c8134cd05 Remove remnants of webpackage 2023-07-12 21:31:38 -03:00
5455881498 Add audio support 2023-07-12 17:20:32 -03:00
bd000760ea webpackage.scss -> postman.scss 2023-07-11 20:14:58 -03:00
c8174f881e Follow up 3c6b2f6bf4 2023-03-12 19:54:30 -03:00
3c6b2f6bf4 Fix scroll jump
When the 'pause' button was clicked, the text could jump and become
realigned according to the space taken by the now visible scrollbar.

This change fixes that issue by leaving a gap for the scrollbar whether
it is visible or hidden.
2023-03-12 19:33:36 -03:00
667f63fa06 Add link to /<locale>/random
Fix #87
2023-03-10 13:13:21 -03:00
1a55879015 Hide surah.name.transliterated on iPhone
Fix #89
2023-03-10 12:04:33 -03:00
b8ab4d2559 Remove src/css/fonts.scss
No need to declare the fonts in CSS.
Handled by loader.ts
2023-03-10 09:23:14 -03:00
20b7420ac9 Replace TheSurahPage with surah/stream 2023-03-10 06:47:35 -03:00
d8b63e4fd0 Replace TheSurahIndex with surah/index 2023-03-10 06:13:49 -03:00