forked from deathau/sliding-panes-obsidian
-
Notifications
You must be signed in to change notification settings - Fork 0
/
styles.scss
98 lines (87 loc) · 2.64 KB
/
styles.scss
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
body.plugin-sliding-panes .workspace>.mod-root {
overflow-x: auto;
overflow-y: hidden;
&>.workspace-leaf {
display: block;
flex: none;
}
.workspace-leaf-content {
position: relative;
}
// these two help with the scrolling issue (#17)
.mod-am-right-of-active .cm-s-obsidian>div:not([class]) {
left:-50% !important;
}
.mod-am-left-of-active .cm-s-obsidian>div:not([class]) {
left: 150% !important;
}
}
body.plugin-sliding-panes-stacking .workspace>.mod-root>.workspace-leaf {
box-shadow: 0px 0px 20px 20px rgba(0, 0, 0, 0.25);
position: sticky;
}
body.plugin-sliding-panes-rotate-header .workspace>.mod-root {
/* first we'll add a bit of gap for the spines */
.workspace-leaf-content {
padding-left: var(--header-width);
}
/* this is where the magic happens */
.view-header {
writing-mode: vertical-lr;
border-right: 1px solid var(--background-secondary-alt);
border-left: 2px solid var(--background-secondary-alt);
border-top: none;
border-bottom: none;
width: var(--header-width);
height: auto;
position: absolute;
left:0;
top:0;
bottom:0;
}
/* active titles have different border colours */
.workspace-leaf.mod-active .view-header {
border-right: 2px solid var(--interactive-accent);
border-bottom: none;
}
/* unset the title container height and swap padding */
.view-header-title-container {
height: unset;
padding-left: unset;
padding-top: 5px;
}
/* fix the long-title-obscuring shadows */
.view-header-title-container:after {
width: 100%;
height: 30px;
top: unset;
bottom: 0;
background: linear-gradient(to bottom, transparent, var(--background-secondary));
}
.workspace-leaf.mod-active .view-header-title-container:after {
background: linear-gradient(to bottom, transparent, var(--background-primary-alt));
}
/* get rid of unnecessary padding */
.view-header-title {
padding-right: 0;
}
/* swap the padding/margin around for the header and actions icons */
.view-header-icon,
.view-actions {
padding: 10px 5px;
}
.view-action {
margin: 8px 0;
}
/* get rid of the gap left by the now-missing horizontal title */
.view-content {
height: 100%;
}
}
body.plugin-sliding-panes-rotate-header.plugin-sliding-panes-header-alt .workspace>.mod-root {
.view-header-title {
transform: rotate(180deg);
text-align: right;
margin-top: 10px;
}
}