fixed responsive layout when in right-to-left context - close #1405

vakata · May 4, 2016 · 35a1565 · 35a1565
1 parent 96dc574
commit 35a1565
Show file tree

Hide file tree

Showing 7 changed files with 17 additions and 8 deletions.
diff --git a/dist/themes/default-dark/style.css b/dist/themes/default-dark/style.css
@@ -957,6 +957,7 @@
   .jstree-default-dark-responsive.jstree-rtl .jstree-node {
     margin-left: 0;
     margin-right: 40px;
+    background: transparent;
   }
   .jstree-default-dark-responsive.jstree-rtl .jstree-container-ul > .jstree-node {
     margin-right: 0;
@@ -966,7 +967,8 @@
   .jstree-default-dark-responsive .jstree-checkbox {
     background-size: 120px 240px;
   }
-  .jstree-default-dark-responsive .jstree-leaf > .jstree-ocl {
+  .jstree-default-dark-responsive .jstree-leaf > .jstree-ocl,
+  .jstree-default-dark-responsive.jstree-rtl .jstree-leaf > .jstree-ocl {
     background: transparent;
   }
   .jstree-default-dark-responsive .jstree-open > .jstree-ocl {

diff --git a/dist/themes/default-dark/style.min.css b/dist/themes/default-dark/style.min.css
diff --git a/dist/themes/default/style.css b/dist/themes/default/style.css
@@ -957,6 +957,7 @@
   .jstree-default-responsive.jstree-rtl .jstree-node {
     margin-left: 0;
     margin-right: 40px;
+    background: transparent;
   }
   .jstree-default-responsive.jstree-rtl .jstree-container-ul > .jstree-node {
     margin-right: 0;
@@ -966,7 +967,8 @@
   .jstree-default-responsive .jstree-checkbox {
     background-size: 120px 240px;
   }
-  .jstree-default-responsive .jstree-leaf > .jstree-ocl {
+  .jstree-default-responsive .jstree-leaf > .jstree-ocl,
+  .jstree-default-responsive.jstree-rtl .jstree-leaf > .jstree-ocl {
     background: transparent;
   }
   .jstree-default-responsive .jstree-open > .jstree-ocl {

diff --git a/dist/themes/default/style.min.css b/dist/themes/default/style.min.css
diff --git a/src/themes/default-dark/style.css b/src/themes/default-dark/style.css
@@ -957,6 +957,7 @@
   .jstree-default-dark-responsive.jstree-rtl .jstree-node {
     margin-left: 0;
     margin-right: 40px;
+    background: transparent;
   }
   .jstree-default-dark-responsive.jstree-rtl .jstree-container-ul > .jstree-node {
     margin-right: 0;
@@ -966,7 +967,8 @@
   .jstree-default-dark-responsive .jstree-checkbox {
     background-size: 120px 240px;
   }
-  .jstree-default-dark-responsive .jstree-leaf > .jstree-ocl {
+  .jstree-default-dark-responsive .jstree-leaf > .jstree-ocl,
+  .jstree-default-dark-responsive.jstree-rtl .jstree-leaf > .jstree-ocl {
     background: transparent;
   }
   .jstree-default-dark-responsive .jstree-open > .jstree-ocl {

diff --git a/src/themes/default/style.css b/src/themes/default/style.css
@@ -957,6 +957,7 @@
   .jstree-default-responsive.jstree-rtl .jstree-node {
     margin-left: 0;
     margin-right: 40px;
+    background: transparent;
   }
   .jstree-default-responsive.jstree-rtl .jstree-container-ul > .jstree-node {
     margin-right: 0;
@@ -966,7 +967,8 @@
   .jstree-default-responsive .jstree-checkbox {
     background-size: 120px 240px;
   }
-  .jstree-default-responsive .jstree-leaf > .jstree-ocl {
+  .jstree-default-responsive .jstree-leaf > .jstree-ocl,
+  .jstree-default-responsive.jstree-rtl .jstree-leaf > .jstree-ocl {
     background: transparent;
   }
   .jstree-default-responsive .jstree-open > .jstree-ocl {

diff --git a/src/themes/responsive.less b/src/themes/responsive.less
@@ -10,13 +10,14 @@
 	.jstree-icon, .jstree-icon:empty { width:@base-height; height:@base-height; line-height:@base-height; }
 
 	> .jstree-container-ul > .jstree-node { margin-left:0; }
-	&.jstree-rtl .jstree-node { margin-left:0; margin-right:@base-height; }
+	&.jstree-rtl .jstree-node { margin-left:0; margin-right:@base-height; background:transparent; }
 	&.jstree-rtl .jstree-container-ul > .jstree-node { margin-right:0; }
 
 	.jstree-ocl,
 	.jstree-themeicon,
 	.jstree-checkbox { background-size:(@base-height * 3) (@base-height * 6); }
-	.jstree-leaf > .jstree-ocl { background:transparent; }
+	.jstree-leaf > .jstree-ocl,
+	&.jstree-rtl .jstree-leaf > .jstree-ocl { background:transparent; }
 	.jstree-open > .jstree-ocl { background-position:0 0px !important; }
 	.jstree-closed > .jstree-ocl { background-position:0 -(@base-height * 1) !important; }
 	&.jstree-rtl .jstree-closed > .jstree-ocl { background-position:-(@base-height * 1) 0px !important; }