0x1eef/al-quran.reflectslight.io
1
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

Fit content (vertically) on 1368x768 device

Browse source 
I bought a new laptop recently, and I discovered that I couldn't view
a surah without a vertical scroll bar. The timer for an ayah wasn't
visible without scrolling. This change will hopefully address that.
This commit is contained in:
0x1eef 2022-12-24 11:45:47 -03:00 committed by Robert
parent c21e82d77d
commit 8d076fc5d6
1 changed files with 8 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
src/css/surah.scss
View file

@ -2,14 +2,20 @@
$black: #454545; $black: #454545;
html {
height: 100%;
}
body { body {
font-family: "Kanit Regular"; font-family: "Kanit Regular";
color: $black; color: $black;
height: inherit;
} }
.surah .theme { .surah .theme {
margin: 0 auto; margin: 0 auto;
width: 450px; width: 450px;
height: inherit;
@media screen and (max-width: 450px) { @media screen and (max-width: 450px) {
width: 350px; width: 350px;
@ -67,7 +73,8 @@ body {
ul.stream { ul.stream {
clear: both; clear: both;
list-style-type: none; list-style-type: none;
height: 400px; height: 90%;
max-height: 400px;
padding: 0; padding: 0;
overflow: hidden; overflow: hidden;