[imsc] Corrected font size to take into account div being 90vh not 100vh, created both 16x9 and 4x3 example images, adjusted width of linePadding regions so text fits on two lines even in 4x3 example.
--- a/ttml-ww-profiles/testsuite/linePadding/linePadding1.html Fri Apr 17 13:46:01 2015 +0100
+++ b/ttml-ww-profiles/testsuite/linePadding/linePadding1.html Fri Apr 17 16:58:17 2015 +0100
@@ -5,12 +5,12 @@
div {
/* Sets up a 16:9 holding area akin to the root container with a dotted line around */
display: block;
- font: 6.7vh monospace, sans-serif;
+ font: 6vh monospace, sans-serif; /* 6vh corresponds to cell resolution 15 rows high */
border-style: dotted;
border-width: 1px;
border-color: black;
height: 90vh;
- width: 160vh;
+ width: 160vh; /* 160vh for 16:9 equivalent display, 120vh for 4:3 ratio */
position: absolute;
}
.withLinePadding {
@@ -28,19 +28,19 @@
.area1 {
/* Analog to the area1 region */
position: absolute;
- width: 70%;
+ width: 90%;
height: 20%;
top: 10%;
- left: 15%;
+ left: 5%;
margin: 0px;
}
.area2 {
/* Analog to the area2 region */
position: absolute;
- width: 70%;
+ width: 90%;
height: 20%;
top: 70%;
- left: 15%;
+ left: 5%;
margin: 0px;
}
.baseStyle
--- a/ttml-ww-profiles/testsuite/linePadding/linePadding1.ttml Fri Apr 17 13:46:01 2015 +0100
+++ b/ttml-ww-profiles/testsuite/linePadding/linePadding1.ttml Fri Apr 17 16:58:17 2015 +0100
@@ -11,8 +11,8 @@
<style xml:id="withLinePadding" ebutts:linePadding="0.5c"/>
</styling>
<layout>
- <region xml:id="area1" tts:origin="15% 10%" tts:extent="70% 20%" tts:displayAlign="center"/>
- <region xml:id="area2" tts:origin="15% 70%" tts:extent="70% 20%" tts:displayAlign="center"/>
+ <region xml:id="area1" tts:origin="5% 10%" tts:extent="90% 20%" tts:displayAlign="center"/>
+ <region xml:id="area2" tts:origin="5% 70%" tts:extent="90% 20%" tts:displayAlign="center"/>
</layout>
</head>
<body>
Binary file ttml-ww-profiles/testsuite/linePadding/linePadding1_16x9.png has changed
Binary file ttml-ww-profiles/testsuite/linePadding/linePadding1_4x3.png has changed
--- a/ttml-ww-profiles/testsuite/multiRowAlign/multiRowAlign1.html Fri Apr 17 13:46:01 2015 +0100
+++ b/ttml-ww-profiles/testsuite/multiRowAlign/multiRowAlign1.html Fri Apr 17 16:58:17 2015 +0100
@@ -5,12 +5,12 @@
div {
/* Sets up a 16:9 holding area akin to the root container with a dotted line around */
display: block;
- font: 6.7vh monospace, sans-serif;
+ font: 6vh monospace, sans-serif; /* 6vh corresponds to cell resolution 15 rows high */
border-color: black;
border-style: dotted;
border-width: 1px;
height: 90vh;
- width: 160vh;
+ width: 160vh; /* 160vh for 16:9 equivalent display, 120vh for 4:3 ratio */
position: absolute;
}
.area1 {
Binary file ttml-ww-profiles/testsuite/multiRowAlign/multiRowAlign1_16x9.png has changed
Binary file ttml-ww-profiles/testsuite/multiRowAlign/multiRowAlign1_4x3.png has changed