#3300 Fixes load order of very thin sidebar

Semantic-Org · Nov 30, 2015 · 1062ce9 · 1062ce9
1 parent e194140
commit 1062ce9
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 13 deletions.
diff --git a/RELEASE-NOTES.md b/RELEASE-NOTES.md
@@ -3,7 +3,9 @@
 ### Version 2.1.7 Nov 29, 2015
 
 **Bug Fixes**
--**Popup** - Adds `onUnplaceable` callback when element cannot be place in visible screen
+-**Popup** - Adds `onUnplaceable` callback when element cannot be place in visible screen #3388
+-**Sidebar** - Sidebar no longer includes `transform` rules on child elements, this was causing layout issues in some cases (for example dropdowns in sidebars) #3306
+-**Sidebar** - Fixed css rule issue causing `very thin` sidebar to not work #3300
 
 ### Version 2.1.6 - Nov 6, 2015
 

diff --git a/src/definitions/modules/sidebar.less b/src/definitions/modules/sidebar.less
@@ -264,14 +264,14 @@ html.ios body {
 ---------------*/
 
 /* Left / Right */
-.ui[class*="very thin"].left.sidebar,
-.ui[class*="very thin"].right.sidebar {
-  width: @veryThinWidth;
-}
 .ui.thin.left.sidebar,
 .ui.thin.right.sidebar {
   width: @thinWidth;
 }
+.ui[class*="very thin"].left.sidebar,
+.ui[class*="very thin"].right.sidebar {
+  width: @veryThinWidth;
+}
 .ui.left.sidebar,
 .ui.right.sidebar {
   width: @width;
@@ -286,14 +286,14 @@ html.ios body {
 }
 
 /* Left Visible */
-.ui.visible[class*="very thin"].left.sidebar ~ .fixed,
-.ui.visible[class*="very thin"].left.sidebar ~ .pusher {
-  transform: translate3d(@veryThinWidth, 0, 0);
-}
 .ui.visible.thin.left.sidebar ~ .fixed,
 .ui.visible.thin.left.sidebar ~ .pusher {
   transform: translate3d(@thinWidth, 0, 0);
 }
+.ui.visible[class*="very thin"].left.sidebar ~ .fixed,
+.ui.visible[class*="very thin"].left.sidebar ~ .pusher {
+  transform: translate3d(@veryThinWidth, 0, 0);
+}
 .ui.visible.wide.left.sidebar ~ .fixed,
 .ui.visible.wide.left.sidebar ~ .pusher {
   transform: translate3d(@wideWidth, 0, 0);
@@ -304,14 +304,14 @@ html.ios body {
 }
 
 /* Right Visible */
-.ui.visible[class*="very thin"].right.sidebar ~ .fixed,
-.ui.visible[class*="very thin"].right.sidebar ~ .pusher {
-  transform: translate3d(-@veryThinWidth, 0, 0);
-}
 .ui.visible.thin.right.sidebar ~ .fixed,
 .ui.visible.thin.right.sidebar ~ .pusher {
   transform: translate3d(-@thinWidth, 0, 0);
 }
+.ui.visible[class*="very thin"].right.sidebar ~ .fixed,
+.ui.visible[class*="very thin"].right.sidebar ~ .pusher {
+  transform: translate3d(-@veryThinWidth, 0, 0);
+}
 .ui.visible.wide.right.sidebar ~ .fixed,
 .ui.visible.wide.right.sidebar ~ .pusher {
   transform: translate3d(-@wideWidth, 0, 0);