TabContainer bidi fixes. Refs #4370

kriszyp · Sep 6, 2007 · 689a93a · 689a93a
1 parent 651f8d9
commit 689a93a
Show file tree

Hide file tree

Showing 2 changed files with 104 additions and 0 deletions.
diff --git a/themes/dijit_rtl.css b/themes/dijit_rtl.css
@@ -55,3 +55,39 @@
 .dijitRtl .dijitAccordionPane .dijitAccordionTitle .arrowTextDown {
 	float: left;
 }
+
+/* TabContainer */
+
+.dijitRtl .dijitTab {
+	float:right;
+}
+
+.dj_ie .dijitRtl .dijitTab,
+.dj_ie .dijitRtl .dijitTab .dijitTabInnerDiv {
+	zoom:1;
+}
+
+.dj_ie6 .dijitRtl .dijitTab {
+	/* force ie6 to render each tab based on the tab's label */
+	width:1px;
+}
+
+.dj_ie7 .dijitRtl .dijitTabContainer .dijitAlignLeft {
+	/* fix the offset between tabs and the pane */
+	margin-left:1px !important;
+}
+
+.dj_ie7 .dijitRtl .dijitTabContainer .dijitAlignRight {
+	/* fix the offset between tabs and the pane */
+	margin-right:1px !important;
+}
+
+.dj_ie6 .dijitRtl .dijitTabContainer .dijitAlignLeft {
+	overflow-x:visible;
+	margin-left:2px !important;
+}
+
+.dj_ie6 .dijitRtl .dijitTabContainer .dijitAlignRight {
+	overflow-x:visible;
+	margin-right:2px !important;
+}
diff --git a/themes/tundra/tundra_rtl.css b/themes/tundra/tundra_rtl.css
@@ -109,3 +109,71 @@
 .dj_ie6 .dijitRtl .dijitCalendarDecrease {
 	background-image:url(images/arrowRight.gif); 
 }
+
+/* TabContainer */
+
+.dijitRtl .dijitTab {
+	margin-right:0;
+	margin-left:5px; /* space between one tab and the next in top/bottom mode */
+}
+
+.dijitRtl .dijitTab .dijitTabInnerDiv {
+	border-left:none;
+	border-right:1px solid #fff;
+}
+
+.dijitRtl .dijitTab .dijitClosable {
+	padding:6px 10px 4px 20px;
+}
+
+.dijitRtl .dijitTab .dijitClosable .closeImage {
+	right:auto;
+	left:3px;
+	background: url("images/tabClose.png") no-repeat left top;
+}
+
+.dijitRtl .dijitAlignLeft .dijitTab,
+.dijitRtl .dijitAlignRight .dijitTab {
+	margin-left:0px;
+}
+
+.dijitRtl .dijitAlignBottom .dijitTab .dijitClosable .closeImage {
+	right: auto;
+	left: 3px;
+}
+
+.dijitRtl .dijitAlignRight .dijitTab .dijitTabInnerDiv {
+	padding-left:10px;
+	padding-right:20px;
+}
+
+.dijitRtl .dijitAlignLeft .dijitTab .dijitTabInnerDiv {
+	padding-left:20px;
+	padding-right:10px;
+}
+
+.dijitRtl .dijitAlignLeft .dijitTab .dijitClosable .closeImage {
+	right:auto;
+	left:3px;
+}
+
+.dj_ie6 .dijitRtl .dijitTab .dijitClosable .closeImage {
+	/* neither left nor right can be used for positioning in ie6. here we only
+	 * can use margin-right. 
+	 */
+	left:auto;
+	right:auto;
+	margin-right:4px;
+}
+
+.dj_ie6 .dijitRtl .dijitAlignLeft .dijitTab .dijitClosable .closeImage {
+	/* must redefine these styles for .dijitAlignLeft here */
+	left:auto;
+	right:auto;
+	margin-right:4px;
+}
+
+.dijitRtl .dijitAlignRight .dijitTab .dijitClosable .closeImage {
+	left:auto;
+	right:3px;
+}