Fixes #3833 make Visualize sidebar collapsible like the one on the Discover page
This commit is contained in:
parent
e22009b962
commit
d8b065841f
|
@ -126,7 +126,9 @@
|
|||
|
||||
<div class="vis-editor-content">
|
||||
|
||||
<vis-editor-sidebar class="vis-editor-sidebar" ng-if="chrome.getVisible()"></vis-editor-sidebar>
|
||||
<div class="collapsible-sidebar">
|
||||
<vis-editor-sidebar class="vis-editor-sidebar" ng-if="chrome.getVisible()"></vis-editor-sidebar>
|
||||
</div>
|
||||
|
||||
<div class="vis-editor-canvas" ng-class="{ embedded: !chrome.getVisible() }">
|
||||
<div class="visualize-info" ng-if="savedVis.id">
|
||||
|
|
|
@ -6,6 +6,7 @@ define(function (require) {
|
|||
|
||||
require('ui/visualize');
|
||||
require('ui/clipboard');
|
||||
require('ui/collapsible_sidebar');
|
||||
|
||||
require('ui/routes')
|
||||
.when('/visualize/create', {
|
||||
|
|
|
@ -64,8 +64,12 @@
|
|||
}
|
||||
}
|
||||
|
||||
&-sidebar {
|
||||
.collapsible-sidebar {
|
||||
.flex-parent(0, 0, auto);
|
||||
}
|
||||
|
||||
&-sidebar {
|
||||
.flex-parent(1, 0, auto);
|
||||
|
||||
// overrided for tablet and desktop
|
||||
@media (min-width: @screen-md-min) {
|
||||
|
|
|
@ -1,6 +1,6 @@
|
|||
@import (reference) "~ui/styles/variables";
|
||||
|
||||
.sidebar-container.collapsible-sidebar {
|
||||
.collapsible-sidebar {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
|
||||
|
@ -61,7 +61,7 @@
|
|||
}
|
||||
|
||||
@media (max-width: 992px) {
|
||||
.sidebar-container.collapsible-sidebar {
|
||||
.collapsible-sidebar {
|
||||
&.closed {
|
||||
display: none;
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue