Changeset 340 for Dev/branches/rest-dojo-ui/client/rft/css/layout.css

Timestamp:

06/06/12 15:23:21 (13 years ago)

Author:

tjcschipper

Message:

• Fixed typo in rft/content.js description. No functionality touched, don't worry!;)
• Some more markup and styling changes to make everything more consistent.
• Created rft/ui/Breadcrumbs class, first draft of decoupled breadcrumbs system. Still needs a couple of fixes (see comments in file) and requires rft/content to expose "rft/content/goTo" event via connect.publish or topic.publish.

File:

• Dev/branches/rest-dojo-ui/client/rft/css/layout.css (modified) (5 diffs)

Dev/branches/rest-dojo-ui/client/rft/css/layout.css

@@ -62 +62 @@
 
 /* Breadcrumbs */
-.breadcrumbs {
+.claro .breadcrumbs {
     float: left;
     clear: left;
@@ -70 +70 @@
     line-height: 16px;
 }
-.breadcrumb {
+.claro .breadcrumbs .breadcrumb {
     color: #999999;
     font-size: 13px;
 }
-.breadcrumbCurrent {
+.claro .breadcrumbs .breadcrumb.breadcrumbCurrent {
     color: #ffffff;
     font-size: 14px;
 }
+.claro .breadcrumbs .breadcrumb.breadcrumbHover {
+    color: #0072bc;
+}
 
 /* Content */
-.dijitContentPane.page {
-    padding: 0;
-}
-.content.dijitContentPane {
+.claro .dijitContentPane.page {
+    padding: 0;
+}
+.claro .content.dijitContentPane {
     display: block;
     clear: both;
@@ -102 +105 @@
         );
 }
-.content.dijitContentPane .dijitBorderContainer {
+.claro .content.dijitContentPane .dijitBorderContainer {
     padding: 2px;
 }
@@ -138 +141 @@
 }
 
-
 /* Tabs */
 .claro .dijitTabContainerLeft-tabs {
     border: none;
+    padding: 4px 16px 4px 4px;
 }
 .claro .dijitTabContainerLeft-tabs .dijitTab {
     margin: 4px 0;
     width: 200px;
-    height: 30px;
+    min-height: 30px;
 }
 .claro .dijitTab {
+    padding: 2px 8px;
     color: #999999;
     border: 1px solid #999999;
+    white-space: normal;
+    overflow: hidden;
     transition: all 0.3s;
     -moz-transition: all 0.3s;
@@ -156 +162 @@
     -o-transition: all 0.3s;
 }
+.claro .dijitTabContainerLeft-tabs .dijitTab .dijitTabContent {
+    height: 48px;
+    line-height: 24px;
+    width: 190px;
+}
+
 .claro .dijitTab.dijitTabHover {
     color: #ffffff;