docs: catchup templates to non-merged changes from gingerbread,

from Change-Id: I4555c496088dd8aac77f9aa01273c3a1d52f89e0, plus
the gingerbread logo

Change-Id: I3864480b9f68679c64747888a6919314f8ac6cbf
This commit is contained in:
Scott Main 2011-01-07 12:08:09 -08:00
parent 7e41e31038
commit fd85d42e83
4 changed files with 89 additions and 22 deletions

View File

@ -34,10 +34,6 @@
font-size:12px; font-size:12px;
} }
#side-nav.not-resizable {
background:url('images/sidenav-rule.png') no-repeat 243px 0;
}
#resize-packages-nav { #resize-packages-nav {
/* keeps the resize handle below the h-scroll handle */ /* keeps the resize handle below the h-scroll handle */
height:270px; height:270px;
@ -1193,6 +1189,76 @@ table.download th {
float: right; float: right;
} }
/* 200px */
.g-tpl-200 .g-unit,
.g-unit .g-tpl-200 .g-unit,
.g-unit .g-unit .g-tpl-200 .g-unit {
display: block;
margin: 0 0 0 200px;
width: auto;
float: none;
}
.g-unit .g-unit .g-tpl-200 .g-first,
.g-unit .g-tpl-200 .g-first,
.g-tpl-200 .g-first {
display: block;
margin: 0;
width: 200px;
float: left;
}
/* 200px alt */
.g-tpl-200-alt .g-unit,
.g-unit .g-tpl-200-alt .g-unit,
.g-unit .g-unit .g-tpl-200-alt .g-unit {
display: block;
margin: 0 200px 0 0;
width: auto;
float: none;
}
.g-unit .g-unit .g-tpl-200-alt .g-first,
.g-unit .g-tpl-200-alt .g-first,
.g-tpl-200-alt .g-first {
display: block;
margin: 0;
width: 200px;
float: right;
}
/* 190px */
.g-tpl-190 .g-unit,
.g-unit .g-tpl-190 .g-unit,
.g-unit .g-unit .g-tpl-190 .g-unit {
display: block;
margin: 0 0 0 190px;
width: auto;
float: none;
}
.g-unit .g-unit .g-tpl-190 .g-first,
.g-unit .g-tpl-190 .g-first,
.g-tpl-190 .g-first {
display: block;
margin: 0;
width: 190px;
float: left;
}
/* 190px alt */
.g-tpl-190-alt .g-unit,
.g-unit .g-tpl-190-alt .g-unit,
.g-unit .g-unit .g-tpl-190-alt .g-unit {
display: block;
margin: 0 190px 0 0;
width: auto;
float: none;
}
.g-unit .g-unit .g-tpl-190-alt .g-first,
.g-unit .g-tpl-190-alt .g-first,
.g-tpl-190-alt .g-first {
display: block;
margin: 0;
width: 190px;
float: right;
}
/* 180px */ /* 180px */
.g-tpl-180 .g-unit, .g-tpl-180 .g-unit,
.g-unit .g-tpl-180 .g-unit, .g-unit .g-tpl-180 .g-unit,

View File

@ -141,18 +141,20 @@ function init() {
cookiePath = "reference_"; cookiePath = "reference_";
} else if (location.href.indexOf("/guide/") != -1) { } else if (location.href.indexOf("/guide/") != -1) {
cookiePath = "guide_"; cookiePath = "guide_";
} else if (location.href.indexOf("/sdk/") != -1) {
cookiePath = "sdk_";
} else if (location.href.indexOf("/resources/") != -1) { } else if (location.href.indexOf("/resources/") != -1) {
cookiePath = "resources_"; cookiePath = "resources_";
} }
if (!isMobile) { if (!isMobile) {
$("#resize-packages-nav").resizable({handles: "s", resize: function(e, ui) { resizePackagesHeight(); } }); $("#resize-packages-nav").resizable({handles: "s", resize: function(e, ui) { resizePackagesHeight(); } });
$(".side-nav-resizable").resizable({handles: "e", resize: function(e, ui) { resizeWidth(); } }); $("#side-nav").resizable({handles: "e", resize: function(e, ui) { resizeWidth(); } });
var cookieWidth = readCookie(cookiePath+'width'); var cookieWidth = readCookie(cookiePath+'width');
var cookieHeight = readCookie(cookiePath+'height'); var cookieHeight = readCookie(cookiePath+'height');
if (cookieWidth) { if (cookieWidth) {
restoreWidth(cookieWidth); restoreWidth(cookieWidth);
} else if ($(".side-nav-resizable").length) { } else if ($("#side-nav").length) {
resizeWidth(); resizeWidth();
} }
if (cookieHeight) { if (cookieHeight) {
@ -247,7 +249,7 @@ function highlightNav(fullPageName) {
firstSlashPos = fullPageName.indexOf("/guide/"); firstSlashPos = fullPageName.indexOf("/guide/");
} else if (fullPageName.indexOf("/sdk/") != -1) { } else if (fullPageName.indexOf("/sdk/") != -1) {
firstSlashPos = fullPageName.indexOf("/sdk/"); firstSlashPos = fullPageName.indexOf("/sdk/");
} else { } else if (fullPageName.indexOf("/resources/") != -1) {
firstSlashPos = fullPageName.indexOf("/resources/"); firstSlashPos = fullPageName.indexOf("/resources/");
} }
if (lastSlashPos == (fullPageName.length - 1)) { // if the url ends in slash (add 'index.html') if (lastSlashPos == (fullPageName.length - 1)) { // if the url ends in slash (add 'index.html')
@ -328,10 +330,8 @@ function resizeHeight() {
$("#classes-nav").css({height:swapperHeight - parseInt(resizePackagesNav.css("height")) + "px"}); $("#classes-nav").css({height:swapperHeight - parseInt(resizePackagesNav.css("height")) + "px"});
$("#nav-tree").css({height:swapperHeight + "px"}); $("#nav-tree").css({height:swapperHeight + "px"});
// If in the dev guide docs, also resize the "devdoc-nav" div // Also resize the "devdoc-nav" div
} else if (href.indexOf("/guide/") != -1) { } else if ($("#devdoc-nav").length) {
$("#devdoc-nav").css({height:sidenav.css("height")});
} else if (href.indexOf("/resources/") != -1) {
$("#devdoc-nav").css({height:sidenav.css("height")}); $("#devdoc-nav").css({height:sidenav.css("height")});
} }
@ -347,6 +347,7 @@ function resizeHeight() {
* which creates the resizable side bar */ * which creates the resizable side bar */
function resizeWidth() { function resizeWidth() {
var windowWidth = $(window).width() + "px"; var windowWidth = $(window).width() + "px";
var sidenav = $("#side-nav");
if (sidenav.length) { if (sidenav.length) {
var sidenavWidth = sidenav.css("width"); var sidenavWidth = sidenav.css("width");
} else { } else {
@ -362,7 +363,7 @@ function resizeWidth() {
classesNav.css({width:sidenavWidth}); classesNav.css({width:sidenavWidth});
$("#packages-nav").css({width:sidenavWidth}); $("#packages-nav").css({width:sidenavWidth});
if ($(".side-nav-resizable").length) { // Must check if the nav is resizable because IE6 calls resizeWidth() from resizeAll() for all pages if (sidenav.length) { // Must check if the nav exists because IE6 calls resizeWidth() from resizeAll() for all pages
var basePath = getBaseUri(location.pathname); var basePath = getBaseUri(location.pathname);
var section = basePath.substring(1,basePath.indexOf("/",1)); var section = basePath.substring(1,basePath.indexOf("/",1));
writeCookie("width", sidenavWidth, section, null); writeCookie("width", sidenavWidth, section, null);

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

View File

@ -1,7 +1,7 @@
<?cs <?cs
def:sdk_nav() ?> def:sdk_nav() ?>
<div class="g-section g-tpl-240" id="body-content"> <div class="g-section g-tpl-240" id="body-content">
<div class="g-unit g-first not-resizable" id="side-nav"> <div class="g-unit g-first" id="side-nav">
<div id="devdoc-nav"><?cs <div id="devdoc-nav"><?cs
include:"../../../../frameworks/base/docs/html/sdk/sdk_toc.cs" ?> include:"../../../../frameworks/base/docs/html/sdk/sdk_toc.cs" ?>
</div> </div>
@ -9,8 +9,8 @@ def:sdk_nav() ?>
<?cs /def ?> <?cs /def ?>
<?cs <?cs
def:resources_tab_nav() ?> def:resources_tab_nav() ?>
<div class="g-section g-tpl-240" id="body-content"> <div class="g-section g-tpl-200" id="body-content">
<div class="g-unit g-first side-nav-resizable" id="side-nav"> <div class="g-unit g-first" id="side-nav">
<div id="devdoc-nav"><?cs <div id="devdoc-nav"><?cs
include:"../../../../frameworks/base/docs/html/resources/resources_toc.cs" ?> include:"../../../../frameworks/base/docs/html/resources/resources_toc.cs" ?>
</div> </div>
@ -24,7 +24,7 @@ def:resources_tab_nav() ?>
<?cs <?cs
def:guide_nav() ?> def:guide_nav() ?>
<div class="g-section g-tpl-240" id="body-content"> <div class="g-section g-tpl-240" id="body-content">
<div class="g-unit g-first side-nav-resizable" id="side-nav"> <div class="g-unit g-first" id="side-nav">
<div id="devdoc-nav"><?cs <div id="devdoc-nav"><?cs
include:"../../../../frameworks/base/docs/html/guide/guide_toc.cs" ?> include:"../../../../frameworks/base/docs/html/guide/guide_toc.cs" ?>
</div> </div>
@ -39,7 +39,7 @@ def:guide_nav() ?>
<?cs # The default side navigation for the reference docs ?><?cs <?cs # The default side navigation for the reference docs ?><?cs
def:default_left_nav() ?> def:default_left_nav() ?>
<div class="g-section g-tpl-240" id="body-content"> <div class="g-section g-tpl-240" id="body-content">
<div class="g-unit g-first side-nav-resizable" id="side-nav"> <div class="g-unit g-first" id="side-nav">
<div id="swapper"> <div id="swapper">
<div id="nav-panels"> <div id="nav-panels">
<div id="resize-packages-nav"> <div id="resize-packages-nav">