Skip to content
This repository was archived by the owner on Dec 15, 2022. It is now read-only.

Use a flex layout for the tree-view-resized div #579

Merged
merged 3 commits into from
Oct 10, 2015
Merged

Use a flex layout for the tree-view-resized div #579

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
9d8af29
Use a flex layout for the tree-view-resized div
abe33 Sep 23, 2015
613e22f
Change tree-view-scroller to `flex: 1`
simurai Sep 24, 2015
adbf8d3
Add order--xxx classes
simurai Oct 2, 2015
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion lib/tree-view.coffee
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -26,7 +26,7 @@ class TreeView extends View

@content: ->
@div class: 'tree-view-resizer tool-panel', 'data-show-on-right-side': atom.config.get('tree-view.showOnRightSide'), =>
@div class: 'tree-view-scroller', outlet: 'scroller', =>
@div class: 'tree-view-scroller order--center', outlet: 'scroller', =>
@ol class: 'tree-view full-menu list-tree has-collapsable-children focusable-panel', tabindex: -1, outlet: 'list'
@div class: 'tree-view-resize-handle', outlet: 'resizeHandle'

Expand Down
10 changes: 9 additions & 1 deletion styles/tree-view.less
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,6 +9,14 @@
min-width: 100px;
width: 200px;
z-index: 2;
display: flex;
flex-direction: column;

// use these classes to re-order
// using a value in-between is fine too, e.g. order: -3;
& > .order--start { order: -10; }
& > .order--center { order: 0; }
& > .order--end { order: 10; }

.tree-view-resize-handle {
position: absolute;
Expand All @@ -33,7 +41,7 @@
}

.tree-view-scroller {
height: 100%;
flex: 1;
width: 100%;
overflow: auto;
}
Expand Down