StrixOS/build
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

docs: make landing pages w/o image span the full page width

Browse Source 
Change-Id: I96af0c7e1443079820c44b589b0c3ef638ae9c86
This commit is contained in:
Scott Main
2012-08-07 13:59:43 -07:00
parent 9332a45918
commit 0e71cee2bb
2 changed files with 12 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
tools/droiddoc/templates-sdk/assets/css/default.css
View File

@@ -4026,21 +4026,24 @@ a.download-sdk {
.landing-docs { .landing-docs {
margin:20px 0 0; margin:20px 0 0;
} }
.landing-banner {
height:280px;
}
.landing-banner .col-6:first-child, .landing-banner .col-6:first-child,
.landing-docs .col-6:first-child { .landing-docs .col-6:first-child,
.landing-docs .col-12 {
margin-left:0; margin-left:0;
min-height:280px;
} }
.landing-banner .col-6:last-child, .landing-banner .col-6:last-child,
.landing-docs .col-6:last-child { .landing-docs .col-6:last-child,
.landing-docs .col-12 {
margin-right:0; margin-right:0;
} }
.landing-banner h1 { .landing-banner h1 {
margin-top:0; margin-top:0;
} }
.landing-docs {
clear:left;
}
.landing-docs h3 { .landing-docs h3 {
font-size:14px; font-size:14px;
line-height:21px; line-height:21px;

6
tools/droiddoc/templates-sdk/docpage.cs
View File

@@ -44,17 +44,19 @@
<?cs if:(!fullpage && !header.hide) ?> <?cs if:(!fullpage && !header.hide) ?>
<?cs if:page.landing ?><?cs # header logic for docs that are landing pages ?> <?cs if:page.landing ?><?cs # header logic for docs that are landing pages ?>
<div class="landing-banner"> <div class="landing-banner">
<?cs if:page.landing.image ?><?cs # use two-column layout only if there's an image ?>
<div class="col-6"> <div class="col-6">
<?cs if:page.landing.image ?>
<img src="<?cs var:toroot ?><?cs var:page.landing.image ?>" alt="" /> <img src="<?cs var:toroot ?><?cs var:page.landing.image ?>" alt="" />
<?cs /if ?>
</div> </div>
<div class="col-6"> <div class="col-6">
<?cs /if ?>
<h1 itemprop="name" style="margin-bottom:0;"><?cs var:page.title ?></h1> <h1 itemprop="name" style="margin-bottom:0;"><?cs var:page.title ?></h1>
<p itemprop="description"><?cs var:page.landing.intro ?></p> <p itemprop="description"><?cs var:page.landing.intro ?></p>
<p><a class="next-page-link topic-start-link"></a></p> <p><a class="next-page-link topic-start-link"></a></p>
<?cs if:page.landing.image ?>
</div> </div>
<?cs /if ?>
</div> </div>
<?cs else ?> <?cs else ?>
<h1 itemprop="name"><?cs var:page.title ?></h1> <h1 itemprop="name"><?cs var:page.title ?></h1>