From 689a93ab4bb96e943c62fa4faf1343ace4330a84 Mon Sep 17 00:00:00 2001
From: Adam Peller <github@peller.org>
Date: Thu, 6 Sep 2007 16:36:33 +0000
Subject: [PATCH] TabContainer bidi fixes. Refs #4370

---
 themes/dijit_rtl.css         | 36 +++++++++++++++++++
 themes/tundra/tundra_rtl.css | 68 ++++++++++++++++++++++++++++++++++++
 2 files changed, 104 insertions(+)

diff --git a/themes/dijit_rtl.css b/themes/dijit_rtl.css
index 113be62d9..57c0946f4 100644
--- 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;
+}
\ No newline at end of file
diff --git a/themes/tundra/tundra_rtl.css b/themes/tundra/tundra_rtl.css
index e80b23462..6e82b1832 100644
--- 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;
+}