Commit graph

22 commits

Author SHA1 Message Date
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
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
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
e140d38931 Adjust $max-width 2023-10-24 02:19:37 -03:00
cb029d6b8a Increase $max-width 2023-10-24 02:11:24 -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
feae0ea6e6 Further UI improvements 2023-10-23 02:08:43 -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
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
Renamed from src/css/layout.scss (Browse further)