Skip to content

Commit b29577d

Browse files
author
minjk-bl
committed
Update DataSelector - suggestInput for target, option page for selected variable
1 parent 430f16c commit b29577d

File tree

3 files changed

+289
-64
lines changed

3 files changed

+289
-64
lines changed

css/component/dataSelector.css

Lines changed: 24 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,27 @@
1-
/* Code Preview */
1+
/* DataSelector target*/
2+
.vp-ds-box {
3+
display: inline-block;
4+
}
5+
.vp-ds-filter {
6+
position: relative;
7+
width: 20px;
8+
height: 20px;
9+
right: 25px;
10+
cursor: pointer;
11+
}
12+
.vp-ds-box input:disabled {
13+
background: var(--light-gray-color) !important;
14+
cursor: not-allowed;
15+
}
16+
.vp-ds-box input:disabled + .vp-ds-filter {
17+
cursor: not-allowed;
18+
}
19+
.vp-ds-item:hover {
20+
background: var(--light-gray-color);
21+
color: var(--font-highlight);
22+
cursor: pointer;
23+
}
24+
/* DataSelector popup */
225
.vp-dataselector {
326
display: none;
427
position: absolute;
@@ -46,20 +69,4 @@
4669
}
4770
.vp-ds-option-inner-box {
4871
height: calc(100% - 30px);
49-
}
50-
.vp-ds-preview {
51-
width: 100%;
52-
height: 35px;
53-
background-image: repeating-linear-gradient( to right, var(--grid-line-color) 0, var(--grid-line-color) 0.25px, transparent 1px, transparent 5px ), repeating-linear-gradient( to bottom, var(--grid-line-color) 0, var(--grid-line-color) 0.25px, transparent 1px, transparent 5px );
54-
background-color: white;
55-
border: 0.25px solid #E4E4E4;
56-
}
57-
.vp-ds-preview textarea {
58-
display: none;
59-
}
60-
.vp-ds-preview .CodeMirror-code .cm-variable {
61-
background-color: rgba(47, 133, 90, 0.2);
62-
}
63-
.vp-ds-preview .CodeMirror-code .cm-string {
64-
background-color: rgba(246, 173, 85, 0.2);
6572
}

0 commit comments

Comments
 (0)