Fit content on 1368x768 device (follow up)
Follow up to 80881311badb47133cbcdf440ee0cf470efae6ae
This commit is contained in:
parent
8d076fc5d6
commit
c928f56601
4 changed files with 11 additions and 5 deletions
|
@ -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/
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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%;
|
||||
}
|
||||
|
|
|
@ -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));
|
||||
|
|
Loading…
Reference in a new issue