-
Notifications
You must be signed in to change notification settings - Fork 12
/
tabbed mode.css
107 lines (76 loc) · 3.17 KB
/
tabbed mode.css
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
91
92
93
94
95
96
97
98
99
100
101
102
103
/* REQUIRED */
.mod-root.workspace-split.mod-vertical {
overflow-x: hidden;
flex-direction: row-reverse; /* order reversed to work better with pane-relief 'cycle to next pane hotkey' */
overflow-y: auto; /* no second scrollbar should be visible, if one appears, then I've made a mistake */
}
/* turns inactive panes into tabs*/
.mod-root.workspace-split.mod-vertical > div {
height: 29px; /* change if you prefer differently sized pane headers */
border-radius: 6px 6px 0px 0px; /* adds a slight rounding to the top corners of a pane header - NOT ESSENTIAL */
}
/* set active pane below tab bar */
.mod-root.workspace-split.mod-vertical > div.workspace-leaf.mod-active {
position: absolute;
height: calc(100% - 29px); /* if pane header height is changed from default, edit here to match */
min-width: 100%;
width: 100%;
top: 29px; /* if pane header height is changed from default, edit here to match */
}
.mod-root.workspace-split.mod-vertical > div.workspace-leaf:only-of-type {
top: 0px;
bottom: 0px;
height: 100%!important;
}
.view-header-title-container:after { /* remove pane header shadows */
display:none;
}
/* OPTIONAL */
/*set maximum tab width, left align tabs */
.mod-root.workspace-split.mod-vertical > div {
flex-grow: 0;
flex-shrink: 1;
flex-basis: 12.5%;
}
.mod-root.workspace-split.mod-vertical {
justify-content: flex-end;
}
/* hide header button, more options, and edit button on tabs */
.mod-root.workspace-split.mod-vertical > div.workspace-leaf a[aria-label="Edit (Ctrl/Cmd+Click to edit in new pane)"],
.mod-root.workspace-split.mod-vertical > div.workspace-leaf .view-header-icon,
.mod-root.workspace-split.mod-vertical > div.workspace-leaf a[aria-label="Preview (Ctrl/Cmd+Click to open in new pane)"],
.mod-root.workspace-split.mod-vertical > div.workspace-leaf a[aria-label="More options"]{
display: none;
}
.mod-root.workspace-split.mod-vertical > div.workspace-leaf.mod-active a[aria-label="Edit (Ctrl/Cmd+Click to edit in new pane)"],
.mod-root.workspace-split.mod-vertical > div.workspace-leaf.mod-activ a[aria-label="Preview (Ctrl/Cmd+Click to open in new pane)"],
.mod-root.workspace-split.mod-vertical > div.workspace-leaf.mod-active .view-header-icon,
.mod-root.workspace-split.mod-vertical > div.workspace-leaf.mod-active a[aria-label="More options"]{
display: block;
}
/* smaller tab titles */
.mod-root.workspace-split.mod-vertical > div.workspace-leaf .view-header-title{
font-size: 14px;
padding-left: 0.2rem;
}
.mod-root.workspace-split.mod-vertical > div.workspace-leaf.mod-active .view-header-title{
font-size: inherit;
padding-left: 0rem;
}
/* underline next tabs [pane relief cycle to next pane hotkey] */
.mod-root.workspace-split.mod-vertical > div.workspace-leaf{
text-decoration: underline;
}
.mod-root.workspace-split.mod-vertical > div.workspace-leaf.mod-active{
text-decoration: none;
}
.mod-root.workspace-split.mod-vertical > div.workspace-leaf.mod-active ~ div.workspace-leaf {
text-decoration: none!important;
}
/* increase room for tab title */
.mod-root.workspace-split.mod-vertical > div.workspace-leaf .view-actions{
padding: 4px 0px;
}
.mod-root.workspace-split.mod-vertical > div.workspace-leaf.mod-active .view-actions{
padding: 4px 10px;
}