Absolute position pane resize-handle

- Keeps most themes unaffected
- More consistent with the tree-view resizer
This commit is contained in:
simurai 2015-03-17 16:02:02 +09:00
parent 9b77d303a5
commit 4980ce30a9

View File

@ -4,30 +4,39 @@
// settings-view, the archive-view, the image-view. Etc. Basically a non- // settings-view, the archive-view, the image-view. Etc. Basically a non-
// editor resource with a tab. // editor resource with a tab.
atom-pane-container { atom-pane-container {
position: relative;
display: -webkit-flex; display: -webkit-flex;
-webkit-flex: 1; -webkit-flex: 1;
atom-pane-axis.vertical { atom-pane-axis {
display: -webkit-flex; display: -webkit-flex;
-webkit-flex: 1; -webkit-flex: 1;
& > atom-pane-resize-handle {
position: absolute;
z-index: 3;
}
}
atom-pane-axis.vertical {
-webkit-flex-direction: column; -webkit-flex-direction: column;
& > atom-pane-resize-handle { & > atom-pane-resize-handle {
width: 100%;
height: 8px; height: 8px;
z-index: 3; margin-top: -4px;
cursor: ns-resize; cursor: ns-resize;
border-bottom: none; border-bottom: none;
} }
} }
atom-pane-axis.horizontal { atom-pane-axis.horizontal {
display: -webkit-flex;
-webkit-flex: 1;
-webkit-flex-direction: row; -webkit-flex-direction: row;
& > atom-pane-resize-handle { & > atom-pane-resize-handle {
width: 8px; width: 8px;
z-index: 3; height: 100%;
margin-left: -4px;
cursor: ew-resize; cursor: ew-resize;
border-right: none; border-right: none;
} }