Commit 882b1572 authored by Rene Saarsoo's avatar Rene Saarsoo
Browse files

Captions and centering for Touch2 images. 

For now I'm just turning it on for Touch 2.  But I'm thinking of making
it the default overall.
parent 31a773ea

Rakefile

+1 −0
Original line number Diff line number Diff line
@@ -228,6 +228,7 @@ class JsDuckRunner 
      "--output", "#{@out_dir}",

      "--external=google.maps.Map,google.maps.LatLng",

      "--builtin-classes",

      "--img", "<p class='screenshot'><img src='%u' alt='%a'><span>%a</span></p>",

      "#{@sdk_dir}/touch/resources/themes/stylesheets/sencha-touch/default",

    ]

template/resources/sass/viewport.scss

+10 −3
Original line number Diff line number Diff line
@@ -406,9 +406,6 @@ a { 
    padding: 10px 12px; } }



.class-overview {

  img.screenshot {

    display: block;

    padding: 10px 0; }

  .hierarchy {

    @include border-radius(5px);

    background-color: #f7f7f7;
@@ -506,6 +503,16 @@ a { 
  p {

    margin: 0 0 0.8em; } }



// Screenshot image created by {@img} tag. Centered.

// With a span containing the caption for the image.

p.screenshot {

  img {

    display: block;

    margin: 0 auto; }

  span {

    display: block;

    text-align: center;

    font-size: smaller; }}



// Nice styles for headings inside documentation

#center-container .doc-contents {