Skip to content

Commit

Permalink
Updated component to version 2.1.7
Browse files Browse the repository at this point in the history
  • Loading branch information
Semantic-Pusher-Robot committed Dec 22, 2015
1 parent db7e581 commit 07e2437
Show file tree
Hide file tree
Showing 9 changed files with 57 additions and 36 deletions.
5 changes: 5 additions & 0 deletions RELEASE-NOTES.md
Original file line number Diff line number Diff line change
@@ -1,3 +1,8 @@
### Version 2.1.7 - Dec 19, 2015

- **Sidebar** - Fixed css rule issue causing `very thin` sidebar to not work [#3300](https://github.com/Semantic-Org/Semantic-UI/issues/3300)
- **Sidebar** - Sidebar no longer includes `transform` rules on child elements, this was causing layout issues in some cases (for example dropdowns in sidebars) [#3306](https://github.com/Semantic-Org/Semantic-UI/issues/3306)

### Version 2.0.4 - July 17, 2015

- **Sidebar** - `right`, `top`, and `bottom` sidebar will not have their direction removed on `destroy` [#2644](https://github.com/Semantic-Org/Semantic-UI/issues/2644)
Expand Down
2 changes: 1 addition & 1 deletion composer.json
Original file line number Diff line number Diff line change
Expand Up @@ -15,5 +15,5 @@
"framework"
],
"license": "MIT",
"version": "2.1.6"
"version": "2.1.7"
}
2 changes: 1 addition & 1 deletion index.js
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
/*!
* # Semantic UI 2.1.6 - Sidebar
* # Semantic UI 2.1.7 - Sidebar
* http://github.com/semantic-org/semantic-ui/
*
*
Expand Down
2 changes: 1 addition & 1 deletion package.js
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
Package.describe({
name : 'semantic:ui-sidebar',
summary : 'Semantic UI - Sidebar: Single component release',
version : '2.1.6',
version : '2.1.7',
git : 'git://github.com/Semantic-Org/UI-Sidebar.git',
});

Expand Down
2 changes: 1 addition & 1 deletion package.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "semantic-ui-sidebar",
"version": "2.1.6",
"version": "2.1.7",
"title": "Semantic UI - Sidebar",
"description": "Single component release of sidebar",
"homepage": "http://www.semantic-ui.com",
Expand Down
72 changes: 44 additions & 28 deletions sidebar.css
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
/*!
* # Semantic UI 2.1.6 - Sidebar
* # Semantic UI 2.1.7 - Sidebar
* http://github.com/semantic-org/semantic-ui/
*
*
Expand All @@ -23,7 +23,7 @@
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: none;
transition: none;
transition: none;
will-change: transform;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
Expand All @@ -41,8 +41,6 @@
.ui.sidebar > * {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: rotateZ(0deg);
transform: rotateZ(0deg);
}

/*--------------
Expand Down Expand Up @@ -114,7 +112,9 @@ body.pushable {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: -webkit-transform 500ms ease;
transition: transform 500ms ease;
transition: -webkit-transform 500ms ease;
transition: transform 500ms ease;
transition: transform 500ms ease, -webkit-transform 500ms ease;
will-change: transform;
z-index: 101;
}
Expand All @@ -130,7 +130,9 @@ body.pushable {
overflow: hidden;
min-height: 100%;
-webkit-transition: -webkit-transform 500ms ease;
transition: transform 500ms ease;
transition: -webkit-transform 500ms ease;
transition: transform 500ms ease;
transition: transform 500ms ease, -webkit-transform 500ms ease;
z-index: 2;
}
body.pushable > .pusher {
Expand All @@ -155,7 +157,7 @@ body.pushable > .pusher {
overflow: hidden;
opacity: 0;
-webkit-transition: opacity 500ms;
transition: opacity 500ms;
transition: opacity 500ms;
will-change: opacity;
z-index: 1000;
}
Expand Down Expand Up @@ -272,14 +274,14 @@ html.ios body {


/* Left / Right */
.ui[class*="very thin"].left.sidebar,
.ui[class*="very thin"].right.sidebar {
width: 60px;
}
.ui.thin.left.sidebar,
.ui.thin.right.sidebar {
width: 150px;
}
.ui[class*="very thin"].left.sidebar,
.ui[class*="very thin"].right.sidebar {
width: 60px;
}
.ui.left.sidebar,
.ui.right.sidebar {
width: 260px;
Expand All @@ -294,16 +296,16 @@ html.ios body {
}

/* Left Visible */
.ui.visible[class*="very thin"].left.sidebar ~ .fixed,
.ui.visible[class*="very thin"].left.sidebar ~ .pusher {
-webkit-transform: translate3d(60px, 0, 0);
transform: translate3d(60px, 0, 0);
}
.ui.visible.thin.left.sidebar ~ .fixed,
.ui.visible.thin.left.sidebar ~ .pusher {
-webkit-transform: translate3d(150px, 0, 0);
transform: translate3d(150px, 0, 0);
}
.ui.visible[class*="very thin"].left.sidebar ~ .fixed,
.ui.visible[class*="very thin"].left.sidebar ~ .pusher {
-webkit-transform: translate3d(60px, 0, 0);
transform: translate3d(60px, 0, 0);
}
.ui.visible.wide.left.sidebar ~ .fixed,
.ui.visible.wide.left.sidebar ~ .pusher {
-webkit-transform: translate3d(350px, 0, 0);
Expand All @@ -316,16 +318,16 @@ html.ios body {
}

/* Right Visible */
.ui.visible[class*="very thin"].right.sidebar ~ .fixed,
.ui.visible[class*="very thin"].right.sidebar ~ .pusher {
-webkit-transform: translate3d(-60px, 0, 0);
transform: translate3d(-60px, 0, 0);
}
.ui.visible.thin.right.sidebar ~ .fixed,
.ui.visible.thin.right.sidebar ~ .pusher {
-webkit-transform: translate3d(-150px, 0, 0);
transform: translate3d(-150px, 0, 0);
}
.ui.visible[class*="very thin"].right.sidebar ~ .fixed,
.ui.visible[class*="very thin"].right.sidebar ~ .pusher {
-webkit-transform: translate3d(-60px, 0, 0);
transform: translate3d(-60px, 0, 0);
}
.ui.visible.wide.right.sidebar ~ .fixed,
.ui.visible.wide.right.sidebar ~ .pusher {
-webkit-transform: translate3d(-350px, 0, 0);
Expand Down Expand Up @@ -375,7 +377,9 @@ html.ios body {
.animating.ui.overlay.sidebar,
.ui.visible.overlay.sidebar {
-webkit-transition: -webkit-transform 500ms ease;
transition: transform 500ms ease;
transition: -webkit-transform 500ms ease;
transition: transform 500ms ease;
transition: transform 500ms ease, -webkit-transform 500ms ease;
}

/* End - Sidebar */
Expand Down Expand Up @@ -412,7 +416,9 @@ html.ios body {
/* Initial */
.ui.push.sidebar {
-webkit-transition: -webkit-transform 500ms ease;
transition: transform 500ms ease;
transition: -webkit-transform 500ms ease;
transition: transform 500ms ease;
transition: transform 500ms ease, -webkit-transform 500ms ease;
z-index: 102;
}

Expand Down Expand Up @@ -457,7 +463,9 @@ html.ios body {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transition: -webkit-transform 500ms ease;
transition: transform 500ms ease;
transition: -webkit-transform 500ms ease;
transition: transform 500ms ease;
transition: transform 500ms ease, -webkit-transform 500ms ease;
}

/*--------------
Expand Down Expand Up @@ -491,7 +499,9 @@ html.ios body {
/* Animation */
.ui.animating.slide.along.sidebar {
-webkit-transition: -webkit-transform 500ms ease;
transition: transform 500ms ease;
transition: -webkit-transform 500ms ease;
transition: transform 500ms ease;
transition: transform 500ms ease, -webkit-transform 500ms ease;
}

/* End */
Expand Down Expand Up @@ -531,7 +541,9 @@ html.ios body {
/* Animation */
.ui.animating.slide.out.sidebar {
-webkit-transition: -webkit-transform 500ms ease;
transition: transform 500ms ease;
transition: -webkit-transform 500ms ease;
transition: transform 500ms ease;
transition: transform 500ms ease, -webkit-transform 500ms ease;
}

/* End */
Expand All @@ -548,7 +560,9 @@ html.ios body {
/* Initial */
.ui.scale.down.sidebar {
-webkit-transition: -webkit-transform 500ms ease;
transition: transform 500ms ease;
transition: -webkit-transform 500ms ease;
transition: transform 500ms ease;
transition: transform 500ms ease, -webkit-transform 500ms ease;
z-index: 102;
}

Expand Down Expand Up @@ -595,7 +609,9 @@ html.ios body {
/* Animation */
.ui.animating.scale.down > .visible.ui.sidebar {
-webkit-transition: -webkit-transform 500ms ease;
transition: transform 500ms ease;
transition: -webkit-transform 500ms ease;
transition: transform 500ms ease;
transition: transform 500ms ease, -webkit-transform 500ms ease;
}
.ui.visible.scale.down.sidebar ~ .pusher,
.ui.animating.scale.down.sidebar ~ .pusher {
Expand Down
2 changes: 1 addition & 1 deletion sidebar.js
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
/*!
* # Semantic UI 2.1.6 - Sidebar
* # Semantic UI 2.1.7 - Sidebar
* http://github.com/semantic-org/semantic-ui/
*
*
Expand Down
4 changes: 2 additions & 2 deletions sidebar.min.css

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion sidebar.min.js

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

0 comments on commit 07e2437

Please sign in to comment.