Changeset 403 for Dev/branches/rest-dojo-ui/client/rft/ui

Timestamp:

08/31/12 19:02:41 (13 years ago)

Author:

tjcschipper

Message:

• Switched to LESS for stylesheets. Most of the conversion is done, it's only (predictably) the color system that is giving trouble. Plan for next week: get rid of the inherit stuff, just use proper color classes.

-> Use only a minimal .*colorName* .bg/.text class combination that doesn't inherit. Do anything more complicated than that in a page-specific stylesheet.

File:

• Dev/branches/rest-dojo-ui/client/rft/ui/templates/MainMenu.html (modified) (1 diff)

Dev/branches/rest-dojo-ui/client/rft/ui/templates/MainMenu.html

@@ -5 +5 @@
             <span>Content</span>
             <div data-dojo-type="dijit.DropDownMenu">
-                <div data-dojo-type="rft.ui.MenuLink" class="blue" data-dojo-props="pageId:'surveys', iconClass:'rftIcon rftIconSurvey'">Surveys</div>
-                <div data-dojo-type="rft.ui.MenuLink" class="orange" data-dojo-props="pageId:'questions', iconClass:'rftIcon rftIconQuestion'">Questions</div>
-                <div data-dojo-type="rft.ui.MenuLink" class="purple" data-dojo-props="pageId:'applications', iconClass: 'rftIcon rftIconApplication'">Applications</div>
-                <div data-dojo-type="rft.ui.MenuLink" class="red" data-dojo-props="pageId:'dashboards', iconClass: 'rftIcon rftIconDashboard'">Dashboards</div>
+                <div data-dojo-type="rft.ui.MenuLink" class="blue bgColorHover" data-dojo-props="pageId:'surveys', iconClass:'rftIcon rftIconSurvey'">Surveys</div>
+                <div data-dojo-type="rft.ui.MenuLink" class="orange bgColorHover" data-dojo-props="pageId:'questions', iconClass:'rftIcon rftIconQuestion'">Questions</div>
+                <div data-dojo-type="rft.ui.MenuLink" class="purple bgColorHover" data-dojo-props="pageId:'applications', iconClass: 'rftIcon rftIconApplication'">Applications</div>
+                <div data-dojo-type="rft.ui.MenuLink" class="red bgColorHover" data-dojo-props="pageId:'dashboards', iconClass: 'rftIcon rftIconDashboard'">Dashboards</div>
             </div>
         </div>