Prachi Garg created IGNITE-87:
---------------------------------

             Summary: Ignite website - Need to fix sidebar navigation and tabs 
(for examples)
                 Key: IGNITE-87
                 URL: https://issues.apache.org/jira/browse/IGNITE-87
             Project: Ignite
          Issue Type: Task
            Reporter: Prachi Garg


 On Ignite website, examples are shown in tabs layout. Currently, I have 
implemented tabs layout for Distributed messaging examples in computing.html. 
There are 2 issues-
1. Left side navigation should get highlighted according to the section of the 
page you are at. For example - Distributed Messaging(in sidebar) should get 
highlighted when you are at Distributed Messaging section(main content)  of the 
page.  But, highlighting gets messed up due to tabs as well as the size of the 
browser.
2. Landing on this page should have the first tab of each section open. 
Instead, it always opens the last tab. 

Steps to setup -
1. Install SASS (http://sass-lang.com/install) using 
{code}sudo gem install sass{code}
2. Install compass(http://compass-style.org/install) using 
{code} gem install compass {code}
3. Checkout project from svn repository - 
https://svn.apache.org/repos/asf/incubator/ignite/site/branches/sidenav/
4. Apply the attached sidenav-exampletabs.patch file using 
{code}patch -p0 -i <path-to-patch-file>{code}
4. From terminal, go to project's root directory and start css compiler using 
{code}compass watch scss/all.scss{code}

Note: DO NOT make any changes in all.css file directly. Whenever required, make 
changes to all.scss and the compass compiler(that we started in step 4) will 
bring in the changes to all.css



--
This message was sent by Atlassian JIRA
(v6.3.4#6332)

Reply via email to