api: more mobile friendly

feathersui · Jun 17, 2022 · 835c182 · 835c182
1 parent 92c73b5
commit 835c182
Show file tree

Hide file tree

Showing 16 changed files with 147 additions and 181 deletions.
diff --git a/documentation/api-reference/templates/all-classes.xslt b/documentation/api-reference/templates/all-classes.xslt
@@ -30,6 +30,7 @@
 						</xsl:otherwise>
 					</xsl:choose>
 				</title>
+				<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
 				<base target="classFrame"/>
 				<xsl:call-template name="getStyleLink">
 					<xsl:with-param name="link" select="asdoc/link"/>

diff --git a/documentation/api-reference/templates/all-index.xslt b/documentation/api-reference/templates/all-index.xslt
@@ -142,6 +142,7 @@
 					<xsl:value-of select="localizedIndex"/>
 					<xsl:call-template name="getPageTitlePostFix"/>
 				</title>
+				<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
 				<xsl:call-template name="getStyleLink">
 					<xsl:with-param name="link" select="asdoc/link"/>
 				</xsl:call-template>
@@ -184,7 +185,7 @@
 				</xsl:call-template>
 				<div class="MainContent">
 					<br/>
-					<table border="0" cellspacing="0" cellpadding="0">
+					<table class="allIndexTable" border="0" cellspacing="0" cellpadding="0">
 						<xsl:for-each select="$displayLetters">
 							<tr>
 								<td colspan="2">
@@ -233,7 +234,7 @@
 												</xsl:choose>
 											</xsl:if>
 										</xsl:if>
-										<xsl:text disable-output-escaping="yes"><![CDATA[&nbsp;&nbsp;]]></xsl:text>
+										<xsl:text disable-output-escaping="yes"><![CDATA[&nbsp; ]]></xsl:text>
 									</xsl:for-each>
 								</td>
 							</tr>
@@ -961,7 +962,7 @@
 													</xsl:choose>
 												</xsl:if>
 											</xsl:if>
-											<xsl:text disable-output-escaping="yes"><![CDATA[&nbsp;&nbsp;]]></xsl:text>
+											<xsl:text disable-output-escaping="yes"><![CDATA[&nbsp; ]]></xsl:text>
 										</xsl:for-each>
 									</td>
 								</tr>

diff --git a/documentation/api-reference/templates/asdoc-util.xslt b/documentation/api-reference/templates/asdoc-util.xslt
diff --git a/documentation/api-reference/templates/class-files.xslt b/documentation/api-reference/templates/class-files.xslt
@@ -127,6 +127,7 @@
 										<xsl:value-of select="$name"/>
 										<xsl:call-template name="getPageTitlePostFix"/>
 									</title>
+									<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
 									<xsl:if test="$showIncludeExamples='true' and apiClassifierDetail/example/codeblock">
 										<script src="{$baseRef}AC_OETags.js" type="text/javascript"/>
 									</xsl:if>

diff --git a/documentation/api-reference/templates/class-list.xslt b/documentation/api-reference/templates/class-list.xslt
@@ -49,6 +49,7 @@
 							<title>
 								<xsl:value-of select="$title"/>
 							</title>
+							<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
 							<base target="classFrame"/>
 							<xsl:call-template name="getStyleLink">
 								<xsl:with-param name="link" select="/asdoc/link"/>

diff --git a/documentation/api-reference/templates/class-summary.xslt b/documentation/api-reference/templates/class-summary.xslt
@@ -37,6 +37,7 @@
 					<xsl:value-of select="$asdoc_terms/row[entry[1][p/text() = $localTitle]]/entry[2]/p"/>
 					<xsl:call-template name="getPageTitlePostFix"/>
 				</title>
+				<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
 				<xsl:call-template name="getStyleLink">
 					<xsl:with-param name="link" select="asdoc/link"/>
 				</xsl:call-template>

diff --git a/documentation/api-reference/templates/index-list.html b/documentation/api-reference/templates/index-list.html
@@ -1,6 +1,7 @@
 <html>
 <head>
 	<title>ActionScript 3.0 Language and Components Reference</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
 	<link rel="stylesheet" href="style.css" type="text/css" />
 	<base target="classFrame" />
 </head>

diff --git a/documentation/api-reference/templates/index.html b/documentation/api-reference/templates/index.html
@@ -1,6 +1,7 @@
 <html>
 <head>
     <title>ActionScript 3.0 Language and Components Reference</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
     <script language="javascript" type="text/javascript">
     	<!--
         window.onload=function(){

diff --git a/documentation/api-reference/templates/mxml-tags.html b/documentation/api-reference/templates/mxml-tags.html
@@ -1,6 +1,7 @@
 <html>
 <head>
 	<link rel="stylesheet" href="style.css" type="text/css" />
+	<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
 	<title>MXML Only Components - Adobe Flex 3 Language Reference</title>
 </head>
 

diff --git a/documentation/api-reference/templates/package-detail.xslt b/documentation/api-reference/templates/package-detail.xslt
@@ -96,6 +96,7 @@
 										<xsl:value-of select="$asdoc_terms/row[entry[1][p/text() = 'Summary']]/entry[2]/p"/>
 										<xsl:call-template name="getPageTitlePostFix"/>
 									</title>
+									<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
 								</head>
 								<xsl:element name="body">
 									<xsl:if test="$isEclipse">

diff --git a/documentation/api-reference/templates/package-frame.html b/documentation/api-reference/templates/package-frame.html
@@ -1,6 +1,7 @@
 <html>
 <head>
     <title>ActionScript 3.0 Language and Components Reference</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
 </head>
 <frameset rows="40%,60%" border="2" framespacing="1" bordercolor="#AAAAAA">
     <frame src="package-list.html" name="packageListFrame" scrolling="yes" />

diff --git a/documentation/api-reference/templates/package-list.xslt b/documentation/api-reference/templates/package-list.xslt
@@ -21,6 +21,7 @@
 			<head>
 				<title><xsl:value-of select="$asdoc_terms/row[entry[1][p/text() = 'PackageList']]/entry[2]/p"/> - <xsl:value-of select="$title-base"/></title>
 				<base target="classFrame"/>
+				<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
 				<xsl:call-template name="getStyleLink">
 					<xsl:with-param name="link" select="asdoc/link"/>
 				</xsl:call-template>

diff --git a/documentation/api-reference/templates/package-summary.xslt b/documentation/api-reference/templates/package-summary.xslt
@@ -43,6 +43,7 @@
 					<xsl:value-of select="$asdoc_terms/row[entry[1][p/text() = $localTitle]]/entry[2]/p"/>
 					<xsl:call-template name="getPageTitlePostFix"/>
 				</title>
+				<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
 				<xsl:call-template name="getStyleLink">
 					<xsl:with-param name="link" select="asdoc/link"/>
 				</xsl:call-template>

diff --git a/documentation/api-reference/templates/package.xslt b/documentation/api-reference/templates/package.xslt
@@ -113,6 +113,7 @@
 									<xsl:value-of select="$asdoc_terms/row[entry[1][p/text() = 'Details']]/entry[2]/p"/>
 									<xsl:call-template name="getPageTitlePostFix"/>
 								</title>
+								<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
 							</head>
 							<xsl:element name="body">
 								<xsl:if test="$isEclipse">

diff --git a/documentation/api-reference/templates/style.css b/documentation/api-reference/templates/style.css
@@ -576,3 +576,85 @@ html>body .listing pre
 .showInheritedSkinPart {
 	display: inline;
 }
+
+/****** start mobile tweaks ******/
+.titleTable tr td.titleTableTopNav a,
+	.titleTable tr td.titleTableSubNav a {
+	padding-right: 6px;
+	padding-left: 6px;
+	border-right: solid 1px #000;
+}
+.titleTable tr td.titleTableTopNav a:last-of-type,
+	.titleTable tr td.titleTableSubNav a:last-of-type,
+	.titleTable tr td.titleTableTopNav a#framesLink1,
+	.titleTable tr td.titleTableTopNav a#noFramesLink11 {
+	border-right: none;
+}
+@media only screen and (max-width: 600px) {
+	.titleTable tr {
+		display: flex;
+		align-items: center;
+		flex-wrap: wrap;
+	}
+	.titleTable tr.titleTableRow2 {
+		height: auto;
+		background-size: contain;
+	}
+	.titleTable tr td {
+		display: flex;
+		align-items: center;
+		background-size: contain;
+		align-self: stretch;
+		min-height: 44px;
+		flex-grow: 1;
+		padding-left: 10px;
+		padding-right: 10px;
+	}
+	.titleTable tr td.titleTableTitle {
+		white-space: normal;
+		flex-grow: 2;
+	}
+	.titleTable tr td.titleTableLogo {
+		display: none;
+	}
+	.titleTable tr td.titleTableSubTitle {
+		flex-grow: 2;
+	}
+	.titleTable tr td.titleTableTopNav {
+		justify-content: end;
+	}
+	.titleTable tr td.titleTableSubNav {
+		justify-content: end;
+	}
+	.MainContent, .summarySection, .detailHeader, .detailBody {
+		margin-left: 8px;
+		margin-right: 8px;
+	}
+	.summaryTable {
+		overflow-x: auto;
+		display: block;
+	}
+	.detailHeader tr {
+		display: flex;
+		align-items: baseline;
+		flex-wrap: wrap;
+	}
+	.detailHeaderName {
+		word-break: break-word;
+		white-space: normal;
+	}
+	.allIndexTable {
+		overflow-x: auto;
+		display: block;
+	}
+	.idxrow,
+	.seeAlso a,
+	.detailBody code {
+		/* word-break: normal; */
+		overflow-wrap: anywhere;
+		word-break: break-word;
+	}
+	.titleTable tr td.titleTableSearch {
+		display: none;
+	}
+}
diff --git a/documentation/api-reference/templates/title-bar.html b/documentation/api-reference/templates/title-bar.html
@@ -1,45 +1,39 @@
 <html>
 	<head>
 		<title>ActionScript 3.0 Language Reference</title>
+		<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
 		<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
 		<link rel="stylesheet" href="print.css" type="text/css" media="print" />
-		<script language="javascript" type="text/javascript" src="asdoc.js" />
+		<script language="javascript" type="text/javascript" src="asdoc.js"></script>
 	</head>
 	<body>
 		<a name="top"></a>
 		<table class="titleTable" cellpadding="0" cellspacing="0">
-		  <tr>
-			<td>
-			  <table class="titleTable" cellpadding="0" cellspacing="0">
+			<tbody>
 				<tr>
-				  <td class="titleTableTitle" align="left">ActionScript&#xA0;3.0&#xA0;Language&#xA0;and&#xA0;Components&#xA0;Reference</td>
-				  <td class="titleTableTopNav" align="right">
-					<a target="classFrame" href="package-summary.html" onclick="loadClassListFrame('all-classes.html')"> All Packages </a>&#xA0;|&#xA0;<a target="classFrame" href="class-summary.html" onclick="loadClassListFrame('all-classes.html')"> All Classes </a>&#xA0;|&#xA0;<a target="classFrame" href="all-index-A.html" onclick="loadClassListFrame('index-list.html')"> Index </a>&#xA0;|&#xA0;<a href="" onclick="top.location=top.classFrame.location"> No Frames </a>
-				  </td>
+					<td class="titleTableTitle" align="left">ActionScript&#xA0;3.0&#xA0;Language&#xA0;and&#xA0;Components&#xA0;Reference</td>
+					<td class="titleTableTopNav" align="right">
+						<a target="classFrame" href="package-summary.html" onclick="loadClassListFrame('all-classes.html')">All Packages</a>
+						<a target="classFrame" href="class-summary.html" onclick="loadClassListFrame('all-classes.html')">All Classes</a>
+						<a target="classFrame" href="all-index-A.html" onclick="loadClassListFrame('index-list.html')">Index</a>
+						<a href="" onclick="top.location=top.classFrame.location">No Frames</a>
+					</td>
+					<td class="titleTableLogo" align="right" rowspan="3">
+						<picture>
+							<img src="images/logo.jpg" srcset="images/[email protected] 2x" class="logoImage" title="Feathers Logo" alt="Feathers Logo" />
+						</picture>
+					</td>
 				</tr>
-			  </table>
-			</td>
-			<td class="titleTableLogo" align="right" rowspan="3">
-				<picture>
-					<img src="images/logo.jpg" srcset="images/[email protected] 2x" class="logoImage" title="Feathers Logo" alt="Feathers Logo" />
-				</picture>
-			</td>
-		  </tr>
-		  <tr>
-			<td>
-			  <table class="titleTable" cellpadding="0" cellspacing="0">
 				<tr class="titleTableRow2">
-				  <td class="titleTableSubTitle" id="subTitle" align="left">&#xA0;</td>
-				  <td class="titleTableSubNav" id="subNav" align="right">
+					<td class="titleTableSubTitle" id="subTitle" align="left">&#xA0;</td>
+					<td class="titleTableSubNav" id="subNav" align="right">
 					<a id="propertiesLink" href="#top" onclick="javascript:titleBar_gotoClassFrameAnchor('propertySummary');" style="display:none">Properties</a><span id="propertiesBar" style="display:none"> | </span><a id="packagePropertiesLink" href="#top" onclick="javascript:titleBar_gotoClassFrameAnchor('propertySummary');" style="display:none">Properties</a><span id="packagePropertiesBar" style="display:none"> | </span><a id="constructorLink" href="#top" onclick="javascript:titleBar_gotoClassFrameAnchor('constructorSummary');" style="display:none">Constructor</a><span id="constructorBar" style="display:none"> | </span><a id="methodsLink" href="#top" onclick="javascript:titleBar_gotoClassFrameAnchor('methodSummary');" style="display:none">Methods</a><span id="methodsBar" style="display:none"> | </span><a id="packageFunctionsLink" href="#top" onclick="javascript:titleBar_gotoClassFrameAnchor('methodSummary');" style="display:none">Functions</a><span id="packageFunctionsBar" style="display:none"> | </span><a id="eventsLink" href="#top" onclick="javascript:titleBar_gotoClassFrameAnchor('eventSummary');" style="display:none">Events</a><span id="eventsBar" style="display:none"> | </span><a id="stylesLink" href="#top" onclick="javascript:titleBar_gotoClassFrameAnchor('styleSummary');" style="display:none">Styles</a><span id="stylesBar" style="display:none"> | </span><a id="SkinPartLink" href="#top" onclick="javascript:titleBar_gotoClassFrameAnchor('SkinPartSummary');" style="display:none"> Skin Parts </a><span id="SkinPartBar" style="display:none"> | </span><a id="SkinStateLink" href="#top" onclick="javascript:titleBar_gotoClassFrameAnchor('SkinStateSummary');" style="display:none"> Skin States </a><span id="SkinStateBar" style="display:none"> | </span><a id="effectsLink" href="#top" onclick="javascript:titleBar_gotoClassFrameAnchor('effectSummary');" style="display:none">Effects</a><span id="effectsBar" style="display:none"> | </span><a id="constantsLink" href="#top" onclick="javascript:titleBar_gotoClassFrameAnchor('constantSummary');" style="display:none">Constants</a><span id="constantsBar" style="display:none"> | </span><a id="packageConstantsLink" href="#top" onclick="javascript:titleBar_gotoClassFrameAnchor('constantSummary');" style="display:none">Constants</a><span id="packageConstantsBar" style="display:none"> | </span><a id="interfacesLink" href="#top" onclick="javascript:titleBar_gotoClassFrameAnchor('interfaceSummary');" style="display:none">Interfaces</a><span id="interfacesBar" style="display:none"> | </span><a id="classesLink" href="#top" onclick="javascript:titleBar_gotoClassFrameAnchor('classSummary');" style="display:none">Classes</a><span id="classesBar" style="display:none"> | </span><a id="packageUseLink" href="#top" onclick="javascript:titleBar_gotoClassFrameAnchor('package-use.html');" style="display:none">Use</a><span id="packageUseBar" style="display:none"> | </span><a id="examplesLink" href="#top" onclick="javascript:titleBar_gotoClassFrameAnchor('includeExamplesSummary');" style="display:none">Examples</a>
-				  </td>
+					</td>
 				</tr>
 				<tr class="titleTableRow3">
-				  <td colspan="3">&#xA0;</td>
+					<td colspan="3">&#xA0;</td>
 				</tr>
-			  </table>
-			</td>
-		  </tr>
+			</tbody>
 		</table>
 	</body>
 </html>