@arcblock/terminal 3.1.22 → 3.1.23
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/lib/styles.js +20 -11
- package/package.json +4 -4
- package/src/styles.js +21 -11
package/lib/styles.js
CHANGED
|
@@ -142,17 +142,26 @@ const r = e.div({
|
|
|
142
142
|
"& .xterm .composition-view.active": {
|
|
143
143
|
display: "block"
|
|
144
144
|
},
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
145
|
+
"& .xterm .xterm-viewport": {
|
|
146
|
+
// On OS X this is required in order for the scroll bar to appear fully opaque
|
|
147
|
+
backgroundColor: "transparent !important",
|
|
148
|
+
overflowY: "scroll",
|
|
149
|
+
cursor: "default",
|
|
150
|
+
position: "absolute",
|
|
151
|
+
right: 0,
|
|
152
|
+
left: 0,
|
|
153
|
+
top: 0,
|
|
154
|
+
bottom: 0,
|
|
155
|
+
// scrollbarWidth: 'none',
|
|
156
|
+
"&::-webkit-scrollbar": {
|
|
157
|
+
width: 8,
|
|
158
|
+
backgroundColor: "transparent"
|
|
159
|
+
},
|
|
160
|
+
"&::-webkit-scrollbar-thumb": {
|
|
161
|
+
background: "#888",
|
|
162
|
+
borderRadius: 4
|
|
163
|
+
}
|
|
164
|
+
},
|
|
156
165
|
"& .xterm .xterm-screen": {
|
|
157
166
|
position: "relative"
|
|
158
167
|
},
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@arcblock/terminal",
|
|
3
|
-
"version": "3.1.
|
|
3
|
+
"version": "3.1.23",
|
|
4
4
|
"description": "A react wrapper for xterm allowing you to easily render a terminal in the browser",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"react",
|
|
@@ -40,10 +40,10 @@
|
|
|
40
40
|
"peerDependencies": {
|
|
41
41
|
"react": "^19.0.0"
|
|
42
42
|
},
|
|
43
|
-
"gitHead": "
|
|
43
|
+
"gitHead": "2e5df6543f1155269b51fd833e37b64ca958029f",
|
|
44
44
|
"dependencies": {
|
|
45
|
-
"@arcblock/react-hooks": "3.1.
|
|
46
|
-
"@arcblock/ux": "3.1.
|
|
45
|
+
"@arcblock/react-hooks": "3.1.23",
|
|
46
|
+
"@arcblock/ux": "3.1.23",
|
|
47
47
|
"@emotion/react": "^11.14.0",
|
|
48
48
|
"@emotion/styled": "^11.14.0",
|
|
49
49
|
"@xterm/addon-fit": "^0.10.0",
|
package/src/styles.js
CHANGED
|
@@ -174,17 +174,27 @@ export const TerminalRoot = styled.div({
|
|
|
174
174
|
display: 'block',
|
|
175
175
|
},
|
|
176
176
|
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
177
|
+
'& .xterm .xterm-viewport': {
|
|
178
|
+
// On OS X this is required in order for the scroll bar to appear fully opaque
|
|
179
|
+
backgroundColor: 'transparent !important',
|
|
180
|
+
overflowY: 'scroll',
|
|
181
|
+
cursor: 'default',
|
|
182
|
+
position: 'absolute',
|
|
183
|
+
right: 0,
|
|
184
|
+
left: 0,
|
|
185
|
+
top: 0,
|
|
186
|
+
bottom: 0,
|
|
187
|
+
// scrollbarWidth: 'none',
|
|
188
|
+
'&::-webkit-scrollbar': {
|
|
189
|
+
width: 8 /* 滚动条宽度 */,
|
|
190
|
+
backgroundColor: 'transparent' /* 滚动条背景 */,
|
|
191
|
+
},
|
|
192
|
+
|
|
193
|
+
'&::-webkit-scrollbar-thumb': {
|
|
194
|
+
background: '#888' /* 滚动条滑块颜色 */,
|
|
195
|
+
borderRadius: 4 /* 滑块圆角 */,
|
|
196
|
+
},
|
|
197
|
+
},
|
|
188
198
|
|
|
189
199
|
'& .xterm .xterm-screen': {
|
|
190
200
|
position: 'relative',
|