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
2e937c2a2a
Fix TheSurahStream on low-height devices
2023-03-08 00:48:57 -03:00
0158b89f42
Add src/css/webpackage.scss
2023-03-06 17:31:36 -03:00
0073c76fbb
Add TheSurahIndex.tsx
...
TheSurahIndex.tsx provides a list of surahs (aka chapters) from
The Quran. Fix #2 .
2023-03-06 17:30:38 -03:00
51b7a523ce
s/theme-and-language/dropdown-row/g
2023-02-28 05:03:09 -03:00
95be842bc4
Add src/css/layout.scss
2023-02-28 05:03:09 -03:00
78a0146cf9
Generalize the CSS
2023-02-28 05:03:09 -03:00
278292dc89
src/css/components/TheQuran/ -> src/css/components/TheSurahPage/
2023-02-28 05:03:09 -03:00
13234d34d1
Set background color of .box-shape to $gold
...
This was overlooked when renaming .container.shape to .box-shape
2023-01-13 12:37:55 -03:00
c911322429
Change base width to 470px
...
And when the vertical scroll bar is present, reduce the width
of a paragraph to 98% of 470px.
2023-01-12 21:51:52 -03:00
13789768a1
Add ability to pause, and resume the stream
...
This change allows the stream to be paused, and
resumed on-demand.
2023-01-12 21:51:52 -03:00
de538b2a00
Maintain rtl direction on .surah-row.surah-details
2022-12-30 08:58:43 -03:00
8626dad6d9
Revise HTML markup, and stylesheets
...
* Remove the 'AboutSurah' component:
It is too simple to be worth being a component.
* Prefer long-form CSS syntax over SCSS indentation:
I think it is easier to read, although there's probably
still a soft spot to find between the two.
* Rename root class from 'surah' to 'root-box'.
* Rename / revise other CSS class names.
2022-12-30 08:39:59 -03:00
431bde851c
Add Select component
...
The Select component renders a list, and provides more flexibility
in how the element is styled (compared to a regular "<select>").
2022-12-28 04:01:23 -03:00
5a7f49c2c2
add LanguageSelect.tsx
2022-12-27 03:42:20 -03:00
7d68da0293
Fix CSS precendence of media rules
...
Adjust <=595px rule to a height of 330px.
Ref #53
2022-12-24 14:22:01 -03:00
0cf6089fb7
Fit content on 1378x768 device (follow up)
...
The previous commits broke support on Chrome / Safari on iOS.
`HTMLElement.scroll` does not seem to work when the height is set
as a percentage. This commit also uses `HTMLElement#scrollHeight`
instead of "offsetHeight".
2022-12-24 14:13:22 -03:00
