@perspective-dev/workspace 4.3.0 → 4.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cdn/perspective-workspace.js +5 -5
- package/dist/cdn/perspective-workspace.js.map +3 -3
- package/dist/css/injected.css +1 -0
- package/dist/css/pro-dark.css +1 -1
- package/dist/css/pro.css +1 -1
- package/dist/css/workspace.css +1 -0
- package/dist/esm/perspective-workspace.js +3 -3
- package/dist/esm/perspective-workspace.js.map +3 -3
- package/package.json +2 -2
- package/src/css/dockpanel.css +110 -0
- package/src/{less/injected.less → css/injected.css} +14 -13
- package/src/css/menu.css +130 -0
- package/src/css/tabbar.css +378 -0
- package/src/{less/viewer.less → css/viewer.css} +31 -30
- package/src/{less/widget.less → css/widget.css} +22 -20
- package/src/{less/workspace.less → css/workspace.css} +34 -20
- package/src/svg/bookmark-icon.svg +1 -1
- package/src/themes/pro-dark.css +124 -0
- package/src/themes/{pro.less → pro.css} +75 -56
- package/src/ts/perspective-workspace.ts +1 -1
- package/src/ts/workspace/dockpanel.ts +1 -1
- package/src/ts/workspace/workspace.ts +1 -1
- package/src/less/dockpanel.less +0 -105
- package/src/less/menu.less +0 -128
- package/src/less/tabbar.less +0 -389
- package/src/themes/pro-dark.less +0 -140
|
@@ -1,55 +1,54 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
@border-color: 1px solid #eaeaea;
|
|
1
|
+
/* ┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
|
|
2
|
+
* ┃ ██████ ██████ ██████ █ █ █ █ █ █▄ ▀███ █ ┃
|
|
3
|
+
* ┃ ▄▄▄▄▄█ █▄▄▄▄▄ ▄▄▄▄▄█ ▀▀▀▀▀█▀▀▀▀▀ █ ▀▀▀▀▀█ ████████▌▐███ ███▄ ▀█ █ ▀▀▀▀▀ ┃
|
|
4
|
+
* ┃ █▀▀▀▀▀ █▀▀▀▀▀ █▀██▀▀ ▄▄▄▄▄ █ ▄▄▄▄▄█ ▄▄▄▄▄█ ████████▌▐███ █████▄ █ ▄▄▄▄▄ ┃
|
|
5
|
+
* ┃ █ ██████ █ ▀█▄ █ ██████ █ ███▌▐███ ███████▄ █ ┃
|
|
6
|
+
* ┣━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┫
|
|
7
|
+
* ┃ Copyright (c) 2017, the Perspective Authors. ┃
|
|
8
|
+
* ┃ ╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌ ┃
|
|
9
|
+
* ┃ This file is part of the Perspective library, distributed under the terms ┃
|
|
10
|
+
* ┃ of the [Apache License 2.0](https://www.apache.org/licenses/LICENSE-2.0). ┃
|
|
11
|
+
* ┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛
|
|
12
|
+
*/
|
|
14
13
|
|
|
15
14
|
::slotted(.workspace-master-widget) {
|
|
16
|
-
--status-bar--display: none;
|
|
17
|
-
--config-button
|
|
15
|
+
--psp-status-bar--display: none;
|
|
16
|
+
--psp-label--config-button--content: var(
|
|
18
17
|
--open-settings-button--content,
|
|
19
18
|
"\1F527"
|
|
20
19
|
) !important;
|
|
21
20
|
}
|
|
22
21
|
|
|
23
22
|
.workspace-master-widget[settings] {
|
|
24
|
-
--config-button
|
|
23
|
+
--psp-label--config-button--content: var(
|
|
25
24
|
--close-settings-button--content,
|
|
26
25
|
"\1F527"
|
|
27
26
|
) !important;
|
|
28
27
|
}
|
|
29
28
|
|
|
30
29
|
:not(.workspace-master-widget).widget-maximize {
|
|
31
|
-
--config-button
|
|
30
|
+
--psp-label--config-button--content: var(
|
|
32
31
|
--open-settings-button--content,
|
|
33
32
|
"\1F527"
|
|
34
33
|
) !important;
|
|
35
34
|
}
|
|
36
35
|
|
|
37
36
|
:not(.workspace-master-widget).widget-maximize[settings] {
|
|
38
|
-
--config-button
|
|
37
|
+
--psp-label--config-button--content: var(
|
|
39
38
|
--close-settings-button--content,
|
|
40
39
|
"\1F527"
|
|
41
40
|
) !important;
|
|
42
41
|
}
|
|
43
42
|
|
|
44
43
|
.lm-DockPanel-widget {
|
|
45
|
-
border:
|
|
44
|
+
border: 1px solid #eaeaea;
|
|
46
45
|
border-width: 0px !important;
|
|
47
46
|
min-width: 300px;
|
|
48
47
|
min-height: 200px;
|
|
49
48
|
}
|
|
50
49
|
|
|
51
50
|
:not.workspace-master-widget {
|
|
52
|
-
--config-button
|
|
51
|
+
--psp-label--config-button--content: "" !important;
|
|
53
52
|
}
|
|
54
53
|
|
|
55
54
|
.context-menu > perspective-viewer.context-focus {
|
|
@@ -66,7 +65,7 @@
|
|
|
66
65
|
}
|
|
67
66
|
|
|
68
67
|
:host {
|
|
69
|
-
--bookmarks--mask-image: url("../svg/bookmark-icon.svg");
|
|
68
|
+
--psp-icon--bookmarks--mask-image: url("../svg/bookmark-icon.svg");
|
|
70
69
|
}
|
|
71
70
|
|
|
72
71
|
::slotted(perspective-viewer) {
|
|
@@ -79,17 +78,19 @@
|
|
|
79
78
|
width: 100%;
|
|
80
79
|
height: 100%;
|
|
81
80
|
overflow: visible !important;
|
|
82
|
-
--close-button--display: flex;
|
|
81
|
+
--psp-close-button--display: flex;
|
|
83
82
|
}
|
|
84
83
|
|
|
85
84
|
::slotted(perspective-viewer.bookmarks-container:not([settings])) {
|
|
86
|
-
--status-ok
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
--status-
|
|
90
|
-
--status-ok-
|
|
91
|
-
--status-ok-
|
|
92
|
-
--status-
|
|
85
|
+
--psp-icon--status-ok--mask-image: var(
|
|
86
|
+
--psp-icon--bookmarks--mask-image
|
|
87
|
+
) !important;
|
|
88
|
+
--psp-status-icon--ok--border-color: var(--psp-inactive--color);
|
|
89
|
+
--psp-status-icon--ok-hover--border-color: var(--psp--color);
|
|
90
|
+
--psp-status-icon--ok-hover--background-color: var(--psp--color);
|
|
91
|
+
--psp-status-icon--ok-hover--color: var(--psp--background-color);
|
|
92
|
+
--psp-status-icon--ok--cursor: pointer;
|
|
93
|
+
--psp-status-icon--pointer-events: all;
|
|
93
94
|
}
|
|
94
95
|
|
|
95
96
|
::slotted(perspective-viewer::part(status-indicator)) {
|
|
@@ -98,7 +99,7 @@
|
|
|
98
99
|
}
|
|
99
100
|
|
|
100
101
|
::slotted(perspective-viewer:not(.widget-maximize)) {
|
|
101
|
-
--status-bar--padding: 0 36px 0 8px;
|
|
102
|
+
--psp-status-bar--padding: 0 36px 0 8px;
|
|
102
103
|
}
|
|
103
104
|
|
|
104
105
|
:host-context(.lm-mod-override-cursor) {
|
|
@@ -1,24 +1,26 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
@border-color: 1px solid #eaedef;
|
|
1
|
+
/* ┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
|
|
2
|
+
* ┃ ██████ ██████ ██████ █ █ █ █ █ █▄ ▀███ █ ┃
|
|
3
|
+
* ┃ ▄▄▄▄▄█ █▄▄▄▄▄ ▄▄▄▄▄█ ▀▀▀▀▀█▀▀▀▀▀ █ ▀▀▀▀▀█ ████████▌▐███ ███▄ ▀█ █ ▀▀▀▀▀ ┃
|
|
4
|
+
* ┃ █▀▀▀▀▀ █▀▀▀▀▀ █▀██▀▀ ▄▄▄▄▄ █ ▄▄▄▄▄█ ▄▄▄▄▄█ ████████▌▐███ █████▄ █ ▄▄▄▄▄ ┃
|
|
5
|
+
* ┃ █ ██████ █ ▀█▄ █ ██████ █ ███▌▐███ ███████▄ █ ┃
|
|
6
|
+
* ┣━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┫
|
|
7
|
+
* ┃ Copyright (c) 2017, the Perspective Authors. ┃
|
|
8
|
+
* ┃ ╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌ ┃
|
|
9
|
+
* ┃ This file is part of the Perspective library, distributed under the terms ┃
|
|
10
|
+
* ┃ of the [Apache License 2.0](https://www.apache.org/licenses/LICENSE-2.0). ┃
|
|
11
|
+
* ┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛
|
|
12
|
+
*/
|
|
14
13
|
|
|
15
14
|
.lm-DockPanel:not([data-mode="single-document"]) .viewer-container {
|
|
16
|
-
border: var(
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
15
|
+
border: var(
|
|
16
|
+
--psp-workspace--tabbar--border,
|
|
17
|
+
1px solid var(--psp-inactive--color)
|
|
18
|
+
);
|
|
19
|
+
border-width: var(--psp-workspace--tabbar--border-width);
|
|
20
|
+
border-radius: var(--psp-workspace--tabbar--border-radius, 6px)
|
|
21
|
+
var(--psp-workspace--tabbar--border-radius, 6px)
|
|
22
|
+
var(--psp-workspace--tabbar--border-radius, 6px)
|
|
23
|
+
var(--psp-workspace--tabbar--border-radius, 6px);
|
|
22
24
|
}
|
|
23
25
|
|
|
24
26
|
.viewer-container {
|
|
@@ -37,6 +39,6 @@
|
|
|
37
39
|
.workspace-widget {
|
|
38
40
|
display: flex;
|
|
39
41
|
flex-direction: column;
|
|
40
|
-
border:
|
|
42
|
+
border: 1px solid #eaedef;
|
|
41
43
|
border-width: 0px !important;
|
|
42
44
|
}
|
|
@@ -1,14 +1,15 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
1
|
+
/* ┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
|
|
2
|
+
* ┃ ██████ ██████ ██████ █ █ █ █ █ █▄ ▀███ █ ┃
|
|
3
|
+
* ┃ ▄▄▄▄▄█ █▄▄▄▄▄ ▄▄▄▄▄█ ▀▀▀▀▀█▀▀▀▀▀ █ ▀▀▀▀▀█ ████████▌▐███ ███▄ ▀█ █ ▀▀▀▀▀ ┃
|
|
4
|
+
* ┃ █▀▀▀▀▀ █▀▀▀▀▀ █▀██▀▀ ▄▄▄▄▄ █ ▄▄▄▄▄█ ▄▄▄▄▄█ ████████▌▐███ █████▄ █ ▄▄▄▄▄ ┃
|
|
5
|
+
* ┃ █ ██████ █ ▀█▄ █ ██████ █ ███▌▐███ ███████▄ █ ┃
|
|
6
|
+
* ┣━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┫
|
|
7
|
+
* ┃ Copyright (c) 2017, the Perspective Authors. ┃
|
|
8
|
+
* ┃ ╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌ ┃
|
|
9
|
+
* ┃ This file is part of the Perspective library, distributed under the terms ┃
|
|
10
|
+
* ┃ of the [Apache License 2.0](https://www.apache.org/licenses/LICENSE-2.0). ┃
|
|
11
|
+
* ┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛
|
|
12
|
+
*/
|
|
12
13
|
|
|
13
14
|
@import "@lumino/widgets/style/widget.css";
|
|
14
15
|
@import "@lumino/widgets/style/accordionpanel.css";
|
|
@@ -21,17 +22,28 @@
|
|
|
21
22
|
@import "@lumino/widgets/style/tabbar.css";
|
|
22
23
|
@import "@lumino/widgets/style/tabpanel.css";
|
|
23
24
|
|
|
24
|
-
@import "
|
|
25
|
+
/* @import "@lumino/widgets/style/widget.css";
|
|
26
|
+
@import "@lumino/widgets/style/accordionpanel.css";
|
|
27
|
+
@import "@lumino/widgets/style/commandpalette.css";
|
|
28
|
+
@import "@lumino/widgets/style/dockpanel.css";
|
|
29
|
+
@import "@lumino/widgets/style/menu.css";
|
|
30
|
+
@import "@lumino/widgets/style/menubar.css";
|
|
31
|
+
@import "@lumino/widgets/style/scrollbar.css";
|
|
32
|
+
@import "@lumino/widgets/style/splitpanel.css";
|
|
33
|
+
@import "@lumino/widgets/style/tabbar.css";
|
|
34
|
+
@import "@lumino/widgets/style/tabpanel.css"; */
|
|
35
|
+
@import "@lumino/widgets/style/index.css";
|
|
25
36
|
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
37
|
+
@import "./injected.css";
|
|
38
|
+
@import "./tabbar.css";
|
|
39
|
+
@import "./dockpanel.css";
|
|
40
|
+
@import "./widget.css";
|
|
30
41
|
|
|
31
|
-
|
|
42
|
+
:host {
|
|
43
|
+
--psp-workspace--spacing: 3px;
|
|
32
44
|
|
|
33
|
-
|
|
34
|
-
|
|
45
|
+
/* width: 100%; */
|
|
46
|
+
/* height: 100%; */
|
|
35
47
|
|
|
36
48
|
.workspace {
|
|
37
49
|
width: 100%;
|
|
@@ -44,7 +56,9 @@
|
|
|
44
56
|
}
|
|
45
57
|
|
|
46
58
|
div.lm-SplitPanel-handle {
|
|
47
|
-
background-color: var(
|
|
59
|
+
background-color: var(
|
|
60
|
+
--psp-workspace--split-panel-handle--background-color
|
|
61
|
+
);
|
|
48
62
|
}
|
|
49
63
|
|
|
50
64
|
.master-panel {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<svg width="20" height="
|
|
1
|
+
<svg width="20" height="20" viewBox="0 0 20 11" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
2
|
<path d="M3.66214 6.96476L0.5 9.86338V0.5H7.5V9.86338L4.33786 6.96476L4 6.65505L3.66214 6.96476Z" stroke="#042121"/>
|
|
3
3
|
<path d="M15 4L17 6L19 4" stroke="#042121" stroke-linecap="round"/>
|
|
4
4
|
</svg>
|
|
@@ -0,0 +1,124 @@
|
|
|
1
|
+
/* ┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
|
|
2
|
+
* ┃ ██████ ██████ ██████ █ █ █ █ █ █▄ ▀███ █ ┃
|
|
3
|
+
* ┃ ▄▄▄▄▄█ █▄▄▄▄▄ ▄▄▄▄▄█ ▀▀▀▀▀█▀▀▀▀▀ █ ▀▀▀▀▀█ ████████▌▐███ ███▄ ▀█ █ ▀▀▀▀▀ ┃
|
|
4
|
+
* ┃ █▀▀▀▀▀ █▀▀▀▀▀ █▀██▀▀ ▄▄▄▄▄ █ ▄▄▄▄▄█ ▄▄▄▄▄█ ████████▌▐███ █████▄ █ ▄▄▄▄▄ ┃
|
|
5
|
+
* ┃ █ ██████ █ ▀█▄ █ ██████ █ ███▌▐███ ███████▄ █ ┃
|
|
6
|
+
* ┣━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┫
|
|
7
|
+
* ┃ Copyright (c) 2017, the Perspective Authors. ┃
|
|
8
|
+
* ┃ ╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌ ┃
|
|
9
|
+
* ┃ This file is part of the Perspective library, distributed under the terms ┃
|
|
10
|
+
* ┃ of the [Apache License 2.0](https://www.apache.org/licenses/LICENSE-2.0). ┃
|
|
11
|
+
* ┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛ */
|
|
12
|
+
|
|
13
|
+
perspective-workspace,
|
|
14
|
+
perspective-workspace[theme="Pro Dark"],
|
|
15
|
+
perspective-indicator[theme="Pro Dark"] {
|
|
16
|
+
--psp-theme-name: "Pro Dark";
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
perspective-workspace perspective-viewer {
|
|
20
|
+
--psp-status-bar--height: 39px;
|
|
21
|
+
--psp-plugin-selector--height: 47px;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
perspective-workspace perspective-viewer.widget-maximize {
|
|
25
|
+
--modal-panel--margin: -4px 0 -4px 0;
|
|
26
|
+
--psp-status-bar--border-radius: 6px 0 0 0;
|
|
27
|
+
--psp-main-column--margin: 3px 0 3px 3px;
|
|
28
|
+
--psp-main-column--border: 1px solid var(--psp-inactive--color);
|
|
29
|
+
--psp-main-column--border-width: 1px 0px 1px 1px;
|
|
30
|
+
--psp-main-column--border-radius: 6px 0 0 6px;
|
|
31
|
+
--settings-button--margin: 10px 0 0 0;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
perspective-workspace {
|
|
35
|
+
/* perspective-workspace-pro-base */
|
|
36
|
+
font-family:
|
|
37
|
+
"ui-monospace", "SFMono-Regular", "SF Mono", "Menlo", "Consolas",
|
|
38
|
+
"Liberation Mono", monospace;
|
|
39
|
+
--open-settings-button--content: "expand_more";
|
|
40
|
+
--close-settings-button--content: "expand_less";
|
|
41
|
+
--close-button--content: "\2715";
|
|
42
|
+
--master-divider--background-color: #243136;
|
|
43
|
+
--menu-maximize--content: "fullscreen";
|
|
44
|
+
--menu-minimize--content: "fullscreen_exit";
|
|
45
|
+
--menu-duplicate--content: "call_split";
|
|
46
|
+
--menu-master--content: "cast";
|
|
47
|
+
--menu-detail--content: "notes";
|
|
48
|
+
--menu-export--content: "file_download";
|
|
49
|
+
--menu-copy--content: "file_copy";
|
|
50
|
+
--menu-reset--content: "autorenew";
|
|
51
|
+
--menu-link--content: "link";
|
|
52
|
+
--menu-unlink--content: "link_off";
|
|
53
|
+
--menu-newmenu--content: "add";
|
|
54
|
+
--menu-close--content: "close";
|
|
55
|
+
--menu-new--content: "description";
|
|
56
|
+
--menu-newview--content: "file_copy";
|
|
57
|
+
|
|
58
|
+
--psp-workspace--tabbar--border: 1px solid var(--psp-inactive--color);
|
|
59
|
+
--psp-workspace--tabbar--border-width: 0px 1px 1px 1px;
|
|
60
|
+
--psp-workspace--tabbar--border-radius: 6px;
|
|
61
|
+
--psp-workspace--tabbar--border-color: var(--psp-inactive--color);
|
|
62
|
+
--psp-workspace--tabbar-tab--border-width: 1px 1px 0px 1px;
|
|
63
|
+
|
|
64
|
+
/* Workspace */
|
|
65
|
+
--psp-icon--column-drag-handle--mask-image: url("../svg/drag-handle.svg");
|
|
66
|
+
--psp-icon--bookmarks--mask-image: url("../svg/bookmark-icon.svg");
|
|
67
|
+
|
|
68
|
+
/* perspective-viewer-pro-dark--colors */
|
|
69
|
+
background-color: #242526;
|
|
70
|
+
--psp-workspace--split-panel-handle--background-color: #242526;
|
|
71
|
+
color: white;
|
|
72
|
+
--psp--color: white;
|
|
73
|
+
--psp-active--color: #2770a9;
|
|
74
|
+
--psp-error--color: #ff9485;
|
|
75
|
+
--psp-inactive--color: #61656e;
|
|
76
|
+
--psp-inactive--border-color: #4c505b;
|
|
77
|
+
--psp--background-color: #242526;
|
|
78
|
+
--psp-active--background: rgba(39, 113, 170, 0.5);
|
|
79
|
+
--psp-expression--operator--color: #c5c9d0;
|
|
80
|
+
--psp-expression--function--color: #22a0ce;
|
|
81
|
+
--psp-expression--error--color: rgb(255, 136, 136);
|
|
82
|
+
--psp-calendar--filter: invert(1);
|
|
83
|
+
--psp-warning--color: #242526;
|
|
84
|
+
--psp-warning--background: var(--psp--color);
|
|
85
|
+
|
|
86
|
+
--psp-icon--select-arrow--mask-image: var(
|
|
87
|
+
--psp-icon--select-arrow-light--mask-image
|
|
88
|
+
);
|
|
89
|
+
|
|
90
|
+
--psp-icon--select-arrow-hover--mask-image: var(
|
|
91
|
+
--psp-icon--select-arrow-dark--mask-image
|
|
92
|
+
);
|
|
93
|
+
|
|
94
|
+
/* Syntax */
|
|
95
|
+
--psp-code-editor--symbol--color: white;
|
|
96
|
+
--psp-code-editor--literal--color: #7dc3f0;
|
|
97
|
+
--psp-code-editor--operator--color: rgb(23, 166, 123);
|
|
98
|
+
--psp-code-editor--comment--color: rgb(204, 120, 48);
|
|
99
|
+
--psp-code-editor--column--color: #e18ee1;
|
|
100
|
+
|
|
101
|
+
background-color: #000202;
|
|
102
|
+
color: white;
|
|
103
|
+
--workspace-tabbar--background-color: #242526;
|
|
104
|
+
--workspace-secondary--color: #c5c9d0;
|
|
105
|
+
--psp-workspace--tabbar--border: 1px solid var(--psp-inactive--color);
|
|
106
|
+
--psp-workspace--tabbar--border-width: 1px 1px 1px 1px;
|
|
107
|
+
--psp-workspace--tabbar--border-radius: 6px;
|
|
108
|
+
--psp-workspace--tabbar--border-color: var(--psp-inactive--color);
|
|
109
|
+
--psp-workspace--tabbar-tab--border-width: 1px 1px 0 1px;
|
|
110
|
+
}
|
|
111
|
+
|
|
112
|
+
perspective-viewer[theme="Pro Dark"].workspace-master-widget {
|
|
113
|
+
--psp--background-color: #242526;
|
|
114
|
+
}
|
|
115
|
+
|
|
116
|
+
perspective-workspace-menu {
|
|
117
|
+
font-family:
|
|
118
|
+
"ui-monospace", "SFMono-Regular", "SF Mono", "Menlo", "Consolas",
|
|
119
|
+
"Liberation Mono", monospace;
|
|
120
|
+
font-weight: 300;
|
|
121
|
+
background: #2a2c2f !important;
|
|
122
|
+
color: white !important;
|
|
123
|
+
border: 1px solid #3b3f46 !important;
|
|
124
|
+
}
|
|
@@ -1,16 +1,14 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
@import url("ref://pro.less");
|
|
1
|
+
/* ┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
|
|
2
|
+
* ┃ ██████ ██████ ██████ █ █ █ █ █ █▄ ▀███ █ ┃
|
|
3
|
+
* ┃ ▄▄▄▄▄█ █▄▄▄▄▄ ▄▄▄▄▄█ ▀▀▀▀▀█▀▀▀▀▀ █ ▀▀▀▀▀█ ████████▌▐███ ███▄ ▀█ █ ▀▀▀▀▀ ┃
|
|
4
|
+
* ┃ █▀▀▀▀▀ █▀▀▀▀▀ █▀██▀▀ ▄▄▄▄▄ █ ▄▄▄▄▄█ ▄▄▄▄▄█ ████████▌▐███ █████▄ █ ▄▄▄▄▄ ┃
|
|
5
|
+
* ┃ █ ██████ █ ▀█▄ █ ██████ █ ███▌▐███ ███████▄ █ ┃
|
|
6
|
+
* ┣━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┫
|
|
7
|
+
* ┃ Copyright (c) 2017, the Perspective Authors. ┃
|
|
8
|
+
* ┃ ╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌ ┃
|
|
9
|
+
* ┃ This file is part of the Perspective library, distributed under the terms ┃
|
|
10
|
+
* ┃ of the [Apache License 2.0](https://www.apache.org/licenses/LICENSE-2.0). ┃
|
|
11
|
+
* ┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛ */
|
|
14
12
|
|
|
15
13
|
.lm-cursor-backdrop {
|
|
16
14
|
display: none;
|
|
@@ -19,42 +17,11 @@
|
|
|
19
17
|
perspective-workspace,
|
|
20
18
|
perspective-workspace[theme="Pro Light"],
|
|
21
19
|
perspective-indicator[theme="Pro Light"] {
|
|
22
|
-
--theme-name: "Pro Light";
|
|
20
|
+
--psp-theme-name: "Pro Light";
|
|
23
21
|
}
|
|
24
22
|
|
|
25
23
|
perspective-workspace {
|
|
26
|
-
|
|
27
|
-
@include perspective-viewer-pro--colors;
|
|
28
|
-
background-color: #dadada;
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
perspective-workspace perspective-viewer.widget-maximize {
|
|
32
|
-
--modal-panel--margin: -4px 0 -4px 0;
|
|
33
|
-
--status-bar--border-radius: 6px 0 0 0;
|
|
34
|
-
--main-column--margin: 3px 0 3px 3px;
|
|
35
|
-
--main-column--border: 1px solid var(--inactive--color);
|
|
36
|
-
--main-column--border-width: 1px 0px 1px 1px;
|
|
37
|
-
--main-column--border-radius: 6px 0 0 6px;
|
|
38
|
-
--settings-button--margin: 10px 0 0 0;
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
perspective-workspace perspective-viewer {
|
|
42
|
-
--status-bar--height: 39px;
|
|
43
|
-
--plugin-selector--height: 47px;
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
perspective-viewer[theme="Pro Light"].workspace-master-widget {
|
|
47
|
-
background-color: #f2f4f6;
|
|
48
|
-
--plugin--background: #f2f4f6;
|
|
49
|
-
regular-table {
|
|
50
|
-
td,
|
|
51
|
-
th {
|
|
52
|
-
border-color: #e0e4e9;
|
|
53
|
-
}
|
|
54
|
-
}
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
@mixin perspective-workspace-pro-base {
|
|
24
|
+
/* perspective-workspace-pro-base */
|
|
58
25
|
font-family:
|
|
59
26
|
"ui-monospace", "SFMono-Regular", "SF Mono", "Menlo", "Consolas",
|
|
60
27
|
"Liberation Mono", monospace;
|
|
@@ -76,21 +43,73 @@ perspective-viewer[theme="Pro Light"].workspace-master-widget {
|
|
|
76
43
|
--menu-close--content: "close";
|
|
77
44
|
--menu-new--content: "description";
|
|
78
45
|
--menu-newview--content: "file_copy";
|
|
79
|
-
--workspace
|
|
46
|
+
--psp-workspace--split-panel-handle--background-color: #f2f4f6;
|
|
80
47
|
|
|
81
|
-
--workspace
|
|
82
|
-
--workspace
|
|
83
|
-
--workspace
|
|
84
|
-
--workspace
|
|
85
|
-
--workspace
|
|
48
|
+
--psp-workspace--tabbar--border: 1px solid var(--psp-inactive--color);
|
|
49
|
+
--psp-workspace--tabbar--border-width: 1px 1px 1px 1px;
|
|
50
|
+
--psp-workspace--tabbar--border-radius: 6px;
|
|
51
|
+
--psp-workspace--tabbar--border-color: var(--psp-inactive--color);
|
|
52
|
+
--psp-workspace--tabbar-tab--border-width: 1px 1px 0px 1px;
|
|
86
53
|
|
|
87
|
-
|
|
88
|
-
--column-drag-handle--mask-image: url("../svg/drag-handle.svg");
|
|
89
|
-
--bookmarks--mask-image: url("../svg/bookmark-icon.svg");
|
|
54
|
+
/* Workspace */
|
|
55
|
+
--psp-icon--column-drag-handle--mask-image: url("../svg/drag-handle.svg");
|
|
56
|
+
--psp-icon--bookmarks--mask-image: url("../svg/bookmark-icon.svg");
|
|
57
|
+
|
|
58
|
+
/* perspective-viewer-pro--colors */
|
|
59
|
+
color: #161616;
|
|
60
|
+
background-color: #dadada;
|
|
61
|
+
--psp--color: #161616;
|
|
62
|
+
--psp-inactive--color: #ababab;
|
|
63
|
+
--psp-inactive--border-color: #dadada;
|
|
64
|
+
|
|
65
|
+
--psp-active--color: #2670a9;
|
|
66
|
+
--psp-error--color: #ff471e;
|
|
67
|
+
--psp--background-color: #ffffff;
|
|
68
|
+
--psp-icon-overflow-hint--color: rgba(0, 0, 0, 0.2);
|
|
69
|
+
--psp-select--background-color: none;
|
|
70
|
+
--psp-warning--background: #042121;
|
|
71
|
+
--psp-warning--color: #fdfffd;
|
|
72
|
+
|
|
73
|
+
--psp-icon--select-arrow--mask-image: var(
|
|
74
|
+
--psp-icon--select-arrow-dark--mask-image
|
|
75
|
+
);
|
|
76
|
+
|
|
77
|
+
--psp-icon--select-arrow-hover--mask-image: var(
|
|
78
|
+
--psp-icon--select-arrow-light--mask-image
|
|
79
|
+
);
|
|
80
|
+
|
|
81
|
+
/* TODO deprecate me */
|
|
82
|
+
--psp-icon-overflow-hint--color: #fdfffd;
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
perspective-workspace perspective-viewer.widget-maximize {
|
|
86
|
+
/* --modal-panel--margin: -4px 0 -4px 0; */
|
|
87
|
+
--psp-status-bar--border-radius: 6px 0 0 0;
|
|
88
|
+
--psp-main-column--margin: 3px 0 3px 3px;
|
|
89
|
+
--psp-main-column--border: 1px solid var(--psp-inactive--color);
|
|
90
|
+
--psp-main-column--border-width: 1px 0px 1px 1px;
|
|
91
|
+
--psp-main-column--border-radius: 6px 0 0 6px;
|
|
92
|
+
/* --settings-button--margin: 10px 0 0 0; */
|
|
93
|
+
}
|
|
94
|
+
|
|
95
|
+
perspective-workspace perspective-viewer {
|
|
96
|
+
--psp-status-bar--height: 39px;
|
|
97
|
+
--psp-plugin-selector--height: 47px;
|
|
98
|
+
}
|
|
99
|
+
|
|
100
|
+
perspective-viewer[theme="Pro Light"].workspace-master-widget {
|
|
101
|
+
background-color: #f2f4f6;
|
|
102
|
+
--psp--background-color: #f2f4f6;
|
|
103
|
+
regular-table {
|
|
104
|
+
td,
|
|
105
|
+
th {
|
|
106
|
+
border-color: #e0e4e9;
|
|
107
|
+
}
|
|
108
|
+
}
|
|
90
109
|
}
|
|
91
110
|
|
|
92
111
|
perspective-viewer {
|
|
93
|
-
--bookmarks--mask-image: url("../svg/bookmark-icon.svg");
|
|
112
|
+
--psp-icon--bookmarks--mask-image: url("../svg/bookmark-icon.svg");
|
|
94
113
|
}
|
|
95
114
|
|
|
96
115
|
perspective-workspace-menu {
|
|
@@ -22,7 +22,7 @@ export { PerspectiveViewerWidget } from "./workspace/widget";
|
|
|
22
22
|
export * from "./extensions";
|
|
23
23
|
import { PerspectiveWorkspace, PerspectiveWorkspaceConfig } from "./workspace";
|
|
24
24
|
import { bindTemplate, CustomElementProto } from "./utils/custom_elements";
|
|
25
|
-
import style from "../../
|
|
25
|
+
import style from "../../dist/css/workspace.css";
|
|
26
26
|
import template from "../html/workspace.html";
|
|
27
27
|
|
|
28
28
|
export { PerspectiveWorkspaceConfig };
|
|
@@ -24,7 +24,7 @@ import type {
|
|
|
24
24
|
} from "@perspective-dev/viewer";
|
|
25
25
|
import type * as psp from "@perspective-dev/client";
|
|
26
26
|
import type * as psp_viewer from "@perspective-dev/viewer";
|
|
27
|
-
import injectedStyles from "../../../
|
|
27
|
+
import injectedStyles from "../../../dist/css/injected.css";
|
|
28
28
|
import { PerspectiveDockPanel } from "./dockpanel";
|
|
29
29
|
import { WorkspaceMenu } from "./menu";
|
|
30
30
|
import { createCommands } from "./commands";
|