-
Notifications
You must be signed in to change notification settings - Fork 0
/
panes.less
90 lines (77 loc) · 1.73 KB
/
panes.less
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
@import "ui-variables";
// Pane-items are things that go inside a pane. Like the UI-Demo, the
// settings-view, the archive-view, the image-view. Etc. Basically a non-
// editor resource with a tab.
atom-pane-container {
position: relative;
display: -webkit-flex;
-webkit-flex: 1;
atom-pane-axis {
display: -webkit-flex;
-webkit-flex: 1;
& > atom-pane-resize-handle {
position: absolute;
z-index: 3;
}
}
atom-pane-axis.vertical {
-webkit-flex-direction: column;
& > atom-pane-resize-handle {
width: 100%;
height: 8px;
margin-top: -4px;
cursor: row-resize;
border-bottom: none;
}
}
atom-pane-axis.horizontal {
-webkit-flex-direction: row;
& > atom-pane-resize-handle {
width: 8px;
height: 100%;
margin-left: -4px;
cursor: col-resize;
border-right: none;
}
}
atom-pane {
position: relative;
display: -webkit-flex;
-webkit-flex: 1;
-webkit-flex-direction: column;
overflow: visible;
.item-views {
-webkit-flex: 1;
display: -webkit-flex;
min-height: 0;
min-width: 0;
position: relative;
.pane-item {
color: @text-color;
background-color: @pane-item-background-color;
}
> *, > atom-text-editor.react > * {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
}
}
}
// Windows doesn't have row- and col-resize cursors
.platform-win32 {
atom-pane-container {
atom-pane-axis.vertical {
& > atom-pane-resize-handle {
cursor: ns-resize;
}
}
atom-pane-axis.horizontal {
& > atom-pane-resize-handle {
cursor: ew-resize;
}
}
}
}