Commit 175c5cdc authored by Rene Saarsoo's avatar Rene Saarsoo
Browse files

Split each guide icon to separate image file. 

Store each icon alongside the guide itself in SDK.

For guides without an icon, use the default icon: guide-icon.png
parent 6c1601dd

template/app/view/index/Container.js

+12 −12
Original line number Diff line number Diff line
@@ -28,22 +28,22 @@ Ext.define('Docs.view.index.Container', { 
            '<div class="section guides">',

                '<h1>Guides</h1>',

                '<div class="lft">',

                    '<a class="guide getting_started" rel="getting_started" href="#/guide/getting_started">Getting Started</a>',

                    '<a class="guide class_system" rel="class_system" href="#/guide/class_system">Class System</a>',

                    '<a class="guide application_architecture" rel="application_architecture" href="#/guide/application_architecture">MVC Architecture</a>',

                    '<a class="guide layouts_and_containers" rel="layouts_and_containers" href="#/guide/layouts_and_containers">Layouts and Containers</a>',

                    '<a class="guide" rel="getting_started" href="#/guide/getting_started">Getting Started</a>',

                    '<a class="guide" rel="class_system" style="background: url(guides/class_system/icon.png) no-repeat" href="#/guide/class_system">Class System</a>',

                    '<a class="guide" rel="application_architecture" style="background: url(guides/application_architecture/icon.png) no-repeat" href="#/guide/application_architecture">MVC Architecture</a>',

                    '<a class="guide" rel="layouts_and_containers" style="background: url(guides/layouts_and_containers/icon.png) no-repeat" href="#/guide/layouts_and_containers">Layouts and Containers</a>',

                '</div>',

                '<div class="mid">',

                    '<a class="guide data" rel="data" href="#/guide/data">Data</a>',

                    '<a class="guide grid" rel="grid" href="#/guide/grid">Grids</a>',

                    '<a class="guide tree" rel="tree" href="#/guide/tree">Trees</a>',

                    '<a class="guide drawing_and_charting" rel="drawing_and_charting" href="#/guide/drawing_and_charting">Charts</a>',

                    '<a class="guide" rel="data" style="background: url(guides/data/icon.png) no-repeat" href="#/guide/data">Data</a>',

                    '<a class="guide" rel="grid" style="background: url(guides/grid/icon.png) no-repeat" href="#/guide/grid">Grids</a>',

                    '<a class="guide" rel="tree" style="background: url(guides/tree/icon.png) no-repeat" href="#/guide/tree">Trees</a>',

                    '<a class="guide" rel="drawing_and_charting" style="background: url(guides/drawing_and_charting/icon.png) no-repeat" href="#/guide/drawing_and_charting">Charts</a>',

                '</div>',

                '<div class="rgt">',

                    '<a class="guide forms" rel="forms" href="#/guide/forms">Forms</a>',

                    '<a class="guide components" rel="components" href="#/guide/components">Components</a>',

                    '<a class="guide theming" rel="theming" href="#/guide/theming">Theming</a>',

                    '<a class="guide direct" rel="direct" href="#/guide/direct">Direct</a>',

                    '<a class="guide" rel="forms" style="background: url(guides/forms/icon.png) no-repeat" href="#/guide/forms">Forms</a>',

                    '<a class="guide" rel="components" style="background: url(guides/components/icon.png) no-repeat" href="#/guide/components">Components</a>',

                    '<a class="guide" rel="theming" style="background: url(guides/theming/icon.png) no-repeat" href="#/guide/theming">Theming</a>',

                    '<a class="guide" rel="direct" style="background: url(guides/direct/icon.png) no-repeat" href="#/guide/direct">Direct</a>',

                '</div>',

                '<div class="examples">',

                    '<a href="http://dev.sencha.com/deploy/ext-4.0.2a/examples/index.html">View the Ext 4.0 examples &rarr;</a>',

template/resources/images/guide-icon.png

0 → 100644
+1.62 KiB
Loading image diff...

template/resources/sass/viewport.scss

+3 −27
Original line number Diff line number Diff line
@@ -349,33 +349,9 @@ a { 
          padding-left: 10px;

          margin: 10px 0 0 0;

          height: auto; } }

      // Icons for each guide

      .getting_started {

        background: url(../images/guides.png) no-repeat 0px 0px; }

      .drawing_and_charting {

        background: url(../images/guides.png) no-repeat 0px -288px; }

      .layouts_and_containers {

        background: url(../images/guides.png) no-repeat 0px -130px; }

      .application_architecture {

        background: url(../images/guides.png) no-repeat 0px -98px; }

      .class_system {

        background: url(../images/guides.png) no-repeat 0px -31px; }

      .data {

        background: url(../images/guides.png) no-repeat 0px -66px; }

      .grid {

        background: url(../images/guides.png) no-repeat 0px -193px; }

      .tree {

        background: url(../images/guides.png) no-repeat 0px -228px; }

      .components {

        background: url(../images/guides.png) no-repeat 0px -160px; }

      .theming {

        background: url(../images/guides.png) no-repeat 0px -320px; }

      .direct {

        background: url(../images/guides.png) no-repeat 0px -387px; }

      .accessibility {

        background: url(../images/guides.png) no-repeat 0px -453px; }

      .forms {

        background: url(../images/guides.png) no-repeat 0px -258px; } }

      // Default icon for guide

      .guide {

        background: url(../images/guide-icon.png) no-repeat; } }

    // Sections for class lists

    &.classes {

      clear: both;