mirror of
https://github.com/pulsar-edit/pulsar.git
synced 2024-11-09 13:15:37 +03:00
Absolute position pane resize-handle
- Keeps most themes unaffected - More consistent with the tree-view resizer
This commit is contained in:
parent
9b77d303a5
commit
4980ce30a9
@ -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;
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user