[Frontend] Min/max widths on panes adjusted

open #250
Moved new min/max definitions into desktop-only
portion of layout.scss to not affect mobile layout;
This commit is contained in:
Charles Hacskaylo
2015-11-09 15:14:50 -08:00
parent 2b92c1619e
commit a5fa11749c
3 changed files with 125 additions and 123 deletions

View File

@@ -110,23 +110,6 @@
}
}
.split-layout {
.split-pane-component.pane {
//@include test(green);
&.treeview.left {
min-width: $ueBrowseLeftPaneTreeMinW;
max-width: $ueBrowseLeftPaneTreeMaxW;
width: $ueBrowseLeftPaneTreeW;
}
&.t-inspect.right {
min-width: $ueBrowseRightPaneInspectMinW;
max-width: $ueBrowseRightPaneInspectMaxW;
width: $ueBrowseRightPaneInspectW;
z-index: 3; // Must lift up beyond primary pane to allow overflow to go underneath
}
}
}
.edit-mode {
.split-layout {
.split-pane-component.pane.right {
@@ -335,6 +318,25 @@
.holder-all {
min-width: $ueDesktopMinW;
}
.split-layout {
.split-pane-component.pane {
//@include test(green);
&.treeview.left {
min-width: $ueBrowseLeftPaneTreeMinW;
max-width: $ueBrowseLeftPaneTreeMaxW;
width: $ueBrowseLeftPaneTreeW;
}
&.t-inspect.right {
min-width: $ueBrowseRightPaneInspectMinW;
max-width: $ueBrowseRightPaneInspectMaxW;
width: $ueBrowseRightPaneInspectW;
z-index: 3; // Must lift up beyond primary pane to allow overflow to go underneath
}
}
}
.pane.treeview.left .tree-holder {
padding-right: $interiorMargin;
}