Bring back css translate 3d for sidebar
This commit is contained in:
commit
6b6951ef95
|
@ -9,14 +9,22 @@ html {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
padding-top: 41px;
|
padding-top: 41px;
|
||||||
top: 0;
|
top: 0;
|
||||||
right: auto;
|
right: 0;
|
||||||
|
left: 0;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
background-color: #f7f7f7;
|
background-color: #f7f7f7;
|
||||||
border-right: 1px solid #ddd;
|
border-right: 1px solid #ddd;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
z-index: 999991;
|
z-index: 999991;
|
||||||
-webkit-transition: left .2s ease;
|
-webkit-transition: -webkit-transform .2s ease;
|
||||||
transition: left .2s ease;
|
transition: transform .2s ease;
|
||||||
|
-webkit-transform: translate3d(-100%, 0, 0);
|
||||||
|
transform: translate3d(-100%, 0, 0);
|
||||||
|
|
||||||
|
}
|
||||||
|
.octotree .octotree_sidebar {
|
||||||
|
-webkit-transform: translate3d(0, 0, 0);
|
||||||
|
transform: translate3d(0, 0, 0);
|
||||||
}
|
}
|
||||||
|
|
||||||
.octotree_sidebar .ui-resizable-e {
|
.octotree_sidebar .ui-resizable-e {
|
||||||
|
@ -227,7 +235,7 @@ a.octotree_toggle.loading .loader {
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Popup (customize from Twitter Bootstrap) */
|
/* Popup (customize from Twitter Bootstrap) */
|
||||||
.octotree_popup {
|
div.octotree_popup {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
display: none;
|
display: none;
|
||||||
|
|
|
@ -65,8 +65,6 @@
|
||||||
.append($toggleBtn.click(toggleSidebar))
|
.append($toggleBtn.click(toggleSidebar))
|
||||||
$sidebar
|
$sidebar
|
||||||
.width(store.get(STORE_WIDTH) || DEFAULT_WIDTH)
|
.width(store.get(STORE_WIDTH) || DEFAULT_WIDTH)
|
||||||
.css('left', -$sidebar.width())
|
|
||||||
.hide() // prevents Safari from showing sidebar briefly
|
|
||||||
.resizable({
|
.resizable({
|
||||||
handles : 'e',
|
handles : 'e',
|
||||||
minWidth : 200
|
minWidth : 200
|
||||||
|
@ -373,9 +371,8 @@
|
||||||
toggleSidebar()
|
toggleSidebar()
|
||||||
}
|
}
|
||||||
else {
|
else {
|
||||||
hideHelpPopup()
|
|
||||||
$html.toggleClass(PREFIX)
|
$html.toggleClass(PREFIX)
|
||||||
$sidebar.show().css('left', $html.hasClass(PREFIX) ? 0 : -$sidebar.width())
|
hideHelpPopup()
|
||||||
sidebarResized()
|
sidebarResized()
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue