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

Fit content on 1368x768 device (follow up)

Browse source 
Follow up to 80881311badb47133cbcdf440ee0cf470efae6ae
This commit is contained in:
0x1eef 2022-12-24 12:55:28 -03:00 committed by Robert
parent 8d076fc5d6
commit c928f56601
4 changed files with 11 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
nanoc.yaml
View file

@ -24,4 +24,4 @@ deploy:
user: www
group: www
src: build/al-quran/.
dest: /var/www/htdocs/al-quran.0x1eef.test/
dest: /var/www/htdocs/al-quran.reflectslight.local/

10
src/css/surah.scss
View file

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

2
src/html/TheSurahPage.html.erb
View file

@ -3,7 +3,7 @@
<head>
<title>Al-Quran: Loading</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
<style class="webpackage">
html {
height: 100%;
}

2
src/js/pages/TheSurahPage/package.ts
View file

@ -4,6 +4,7 @@ import WebPackage from "lib/WebPackage";
const parent: HTMLElement = document.querySelector(".webpackage.loader");
const progressBar: HTMLProgressElement = parent.querySelector("progress");
const progressNumber: HTMLSpanElement = parent.querySelector(".percentage");
const inlineStyle: HTMLStyleElement = document.querySelector("style.webpackage");
const { locale, surahId } = document.querySelector<HTMLElement>(".surah").dataset;
WebPackage({
@ -21,6 +22,7 @@ import WebPackage from "lib/WebPackage";
}
}).fetch()
.then((pkg) => {
inlineStyle.remove();
parent.remove();
pkg.fonts.forEach((f) => document.fonts.add(f));
pkg.stylesheets.forEach((s) => document.head.appendChild(s));