xtralab 0.6.0 → 0.8.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/README.md +35 -4
- package/lib/git/diffProvider.js +94 -2
- package/lib/git/diffSurface.d.ts +29 -0
- package/lib/git/diffSurface.js +72 -8
- package/lib/git/diffWidget.d.ts +20 -1
- package/lib/git/diffWidget.js +107 -6
- package/lib/launcher/dashboard.js +20 -5
- package/lib/topBar/index.js +12 -0
- package/package.json +1 -1
- package/src/git/diffProvider.tsx +131 -0
- package/src/git/diffSurface.tsx +144 -8
- package/src/git/diffWidget.tsx +141 -4
- package/src/launcher/dashboard.tsx +22 -6
- package/src/topBar/index.ts +13 -0
- package/style/base.css +1 -0
- package/style/git.css +29 -4
package/style/base.css
CHANGED
|
@@ -21,6 +21,7 @@
|
|
|
21
21
|
--trees-bg-muted-override: var(--jp-layout-color2);
|
|
22
22
|
--trees-fg-override: var(--jp-ui-font-color1);
|
|
23
23
|
--trees-fg-muted-override: var(--jp-ui-font-color2);
|
|
24
|
+
--trees-status-ignored-override: var(--jp-ui-font-color2);
|
|
24
25
|
--trees-accent-override: var(--jp-brand-color1);
|
|
25
26
|
--trees-border-color-override: var(--jp-border-color2);
|
|
26
27
|
--trees-indent-guide-bg-override: var(--jp-border-color3);
|
package/style/git.css
CHANGED
|
@@ -79,16 +79,23 @@
|
|
|
79
79
|
}
|
|
80
80
|
|
|
81
81
|
/*
|
|
82
|
-
*
|
|
83
|
-
*
|
|
84
|
-
*
|
|
82
|
+
* Segmented selectors that live in the diff toolbar: the Notebook/JSON
|
|
83
|
+
* view-mode toggle (for `.ipynb` diffs) and the Split/Unified diff-style
|
|
84
|
+
* toggle (for textual/code diffs). The host toolbar provides its own
|
|
85
|
+
* background and border, so these are just the segmented controls.
|
|
85
86
|
*/
|
|
86
|
-
.jp-xtralab-DiffWidget-viewModeToolbarItem
|
|
87
|
+
.jp-xtralab-DiffWidget-viewModeToolbarItem,
|
|
88
|
+
.jp-xtralab-DiffWidget-diffStyleToolbarItem {
|
|
87
89
|
display: flex;
|
|
88
90
|
align-items: center;
|
|
89
91
|
font-size: var(--jp-ui-font-size0);
|
|
90
92
|
}
|
|
91
93
|
|
|
94
|
+
/* Breathing room when both toggles appear (notebook diff in JSON view). */
|
|
95
|
+
.jp-xtralab-DiffWidget-diffStyleToolbarItem {
|
|
96
|
+
margin-left: 4px;
|
|
97
|
+
}
|
|
98
|
+
|
|
92
99
|
.jp-xtralab-DiffWidget-segmented {
|
|
93
100
|
display: inline-flex;
|
|
94
101
|
border: 1px solid var(--jp-border-color2);
|
|
@@ -120,6 +127,24 @@
|
|
|
120
127
|
background-color: var(--jp-brand-color1);
|
|
121
128
|
}
|
|
122
129
|
|
|
130
|
+
/*
|
|
131
|
+
* Icon variant of the segmented button, used by the Split/Unified toggle.
|
|
132
|
+
* The inline SVGs fill with `currentColor`, so the active/hover color rules
|
|
133
|
+
* above carry over to the glyph.
|
|
134
|
+
*/
|
|
135
|
+
.jp-xtralab-DiffWidget-segmentedButton-icon {
|
|
136
|
+
display: inline-flex;
|
|
137
|
+
align-items: center;
|
|
138
|
+
justify-content: center;
|
|
139
|
+
padding: 3px 8px;
|
|
140
|
+
}
|
|
141
|
+
|
|
142
|
+
.jp-xtralab-DiffWidget-segmentedButton-icon svg {
|
|
143
|
+
display: block;
|
|
144
|
+
width: 14px;
|
|
145
|
+
height: 14px;
|
|
146
|
+
}
|
|
147
|
+
|
|
123
148
|
/*
|
|
124
149
|
* Draggable column splitter. Sits on top of the diff (z-index above the
|
|
125
150
|
* content) but stays a thin strip so it doesn't visually intrude. The
|