datajunction-ui 0.0.63 → 0.0.64
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/package.json
CHANGED
|
@@ -104,7 +104,7 @@ const Explorer = ({
|
|
|
104
104
|
onMouseEnter={() => setShowAddButton(true)}
|
|
105
105
|
onMouseLeave={() => setShowAddButton(false)}
|
|
106
106
|
style={{
|
|
107
|
-
display: '
|
|
107
|
+
display: 'flex',
|
|
108
108
|
alignItems: 'center',
|
|
109
109
|
width: '100%',
|
|
110
110
|
position: 'relative',
|
|
@@ -116,6 +116,8 @@ const Explorer = ({
|
|
|
116
116
|
fontSize: '10px',
|
|
117
117
|
color: '#94a3b8',
|
|
118
118
|
width: '12px',
|
|
119
|
+
minWidth: '12px',
|
|
120
|
+
flexShrink: 0,
|
|
119
121
|
display: 'flex',
|
|
120
122
|
alignItems: 'center',
|
|
121
123
|
}}
|
|
@@ -123,9 +125,20 @@ const Explorer = ({
|
|
|
123
125
|
{!expand ? <CollapsedIcon /> : <ExpandedIcon />}
|
|
124
126
|
</span>
|
|
125
127
|
) : (
|
|
126
|
-
<span style={{ width: '12px' }} />
|
|
128
|
+
<span style={{ width: '12px', minWidth: '12px', flexShrink: 0 }} />
|
|
127
129
|
)}
|
|
128
|
-
<a
|
|
130
|
+
<a
|
|
131
|
+
href={`/namespaces/${items.path}`}
|
|
132
|
+
title={items.namespace}
|
|
133
|
+
style={{
|
|
134
|
+
overflow: 'hidden',
|
|
135
|
+
textOverflow: 'ellipsis',
|
|
136
|
+
whiteSpace: 'nowrap',
|
|
137
|
+
minWidth: 0,
|
|
138
|
+
}}
|
|
139
|
+
>
|
|
140
|
+
{items.namespace}
|
|
141
|
+
</a>
|
|
129
142
|
{/* Deployment source badge */}
|
|
130
143
|
{namespaceSources[items.path] &&
|
|
131
144
|
namespaceSources[items.path].total_deployments > 0 &&
|
|
@@ -201,7 +214,7 @@ const Explorer = ({
|
|
|
201
214
|
{isCreatingChild && (
|
|
202
215
|
<div
|
|
203
216
|
style={{
|
|
204
|
-
paddingLeft: '0.
|
|
217
|
+
paddingLeft: '0.25rem',
|
|
205
218
|
marginLeft: '0.25rem',
|
|
206
219
|
borderLeft: '1px solid #e2e8f0',
|
|
207
220
|
marginTop: '2px',
|
|
@@ -262,7 +275,7 @@ const Explorer = ({
|
|
|
262
275
|
items.children.map((item, index) => (
|
|
263
276
|
<div
|
|
264
277
|
style={{
|
|
265
|
-
paddingLeft: '0.
|
|
278
|
+
paddingLeft: '0.25rem',
|
|
266
279
|
marginLeft: '0.25rem',
|
|
267
280
|
borderLeft: '1px solid #e2e8f0',
|
|
268
281
|
}}
|
package/src/styles/index.css
CHANGED
|
@@ -3,9 +3,6 @@
|
|
|
3
3
|
@import url('https://fonts.googleapis.com/css?family=Lato');
|
|
4
4
|
@import url('https://fonts.googleapis.com/css?family=Consolas');
|
|
5
5
|
|
|
6
|
-
/* Import modal and settings styles globally */
|
|
7
|
-
@import './settings.css';
|
|
8
|
-
|
|
9
6
|
body {
|
|
10
7
|
margin: 0;
|
|
11
8
|
font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell,
|
|
@@ -1009,7 +1006,7 @@ pre {
|
|
|
1009
1006
|
display: flex;
|
|
1010
1007
|
align-items: center;
|
|
1011
1008
|
gap: 8px;
|
|
1012
|
-
padding: 8px 12px;
|
|
1009
|
+
padding: 8px 12px 8px 4px;
|
|
1013
1010
|
cursor: pointer;
|
|
1014
1011
|
user-select: none;
|
|
1015
1012
|
transition: background 0.15s;
|