Bug#1032293: [PATCH] Restore HTML DOCTYPE declarations
This reverts commit 504b8f4a8bb8268d0dd94e45fc4936a63e8c4c0c
("Remove DOCTYPE declaration, that makes the rendering not show the events"),
which has removed the DOCTYPE declaration from index.html to enable web
browsers' quirks mode. This way Simile timelines, which have their
height set to 75%, were visible; otherwise, modern browsers would
interpret the 75% as zero.
Restore the DOCTYPE declarations, with a workaround for Simile, which
sets the timeline height to 75vw, which is 75% of the user agent
viewport. This syntax, according to caniuse.com[1], is supported by
major web browser since around 2013, most likely including Internet
Explorer 9.
[1]: https://caniuse.com/viewport-units
---
__history__.html | 1 +
index.html | 1 +
media/debian-timeline.css | 5 +++++
3 files changed, 7 insertions(+)
diff --git a/__history__.html b/__history__.html
index 0dc101b..8ba582f 100644
--- a/__history__.html
+++ b/__history__.html
@@ -1 +1,2 @@
+<!DOCTYPE html>
<html><body></body></html>
diff --git a/index.html b/index.html
index 5fc85a2..6e01a90 100644
--- a/index.html
+++ b/index.html
@@ -1,3 +1,4 @@
+<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
diff --git a/media/debian-timeline.css b/media/debian-timeline.css
index 718e3b6..849dd72 100644
--- a/media/debian-timeline.css
+++ b/media/debian-timeline.css
@@ -102,6 +102,11 @@ table
margin: 0.5em 0 0.5em 0;
}
+#the-timeline {
+ /* Simile generates height:75%, which seems unsupported in HTML5 */
+ height: 75vh !important;
+}
+
.timeline-default {
font-family: Trebuchet MS, Helvetica, Arial, sans serif;
font-size: 1em;
--
2.40.1
Reply to: