Skip to content

Commit bd5ae46

Browse files
author
minjk-bl
committed
Apps > Groupby - without advanced options
1 parent 1871f49 commit bd5ae46

5 files changed

Lines changed: 504 additions & 70 deletions

File tree

‎css/common/groupby.css‎

Lines changed: 29 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,29 @@
1+
.vp-gb-container {
2+
width: 700px;
3+
height: 550px;
4+
}
5+
6+
.vp-gb-df-box {
7+
display: grid;
8+
grid-template-rows: 30px;
9+
grid-row-gap: 5px;
10+
}
11+
12+
.vp-gb-df-refresh {
13+
display: inline-block;
14+
cursor: pointer;
15+
margin-left: 5px;
16+
}
17+
.vp-gb-df-box label {
18+
font-weight: bold;
19+
}
20+
.vp-gb-df-box select,
21+
.vp-gb-df-box input {
22+
width: 160px;
23+
}
24+
.vp-gb-adv-box {
25+
border: 1px solid var(--border-gray-color);
26+
padding: 10px;
27+
margin-top: 5px;
28+
height: 180px;
29+
}

‎css/common/popupPage.css‎

Lines changed: 37 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -45,9 +45,9 @@
4545
width: 100%;
4646
height: calc(98% - 80px);
4747
padding: 20px;
48-
display: grid;
48+
/* display: grid;
4949
grid-row-gap: 5px;
50-
grid-template-rows: 30px 30px 60% calc(40% - 80px);
50+
grid-template-rows: 30px 30px 60% calc(40% - 80px); */
5151
overflow: auto;
5252
}
5353
.vp-pp-preview-box {
@@ -120,3 +120,38 @@
120120
color: var(--font-hightlight);
121121
background: var(--light-gray-color);
122122
}
123+
124+
125+
.vp-pp-popup-box {
126+
position: absolute;
127+
left: 50%;
128+
top: 50%;
129+
transform: translate(-50%, -50%);
130+
min-width: 400px;
131+
min-height: 150px;
132+
width: 30%;
133+
height: fit-content;
134+
background-color: white;
135+
z-index: 200;
136+
border: 0.25px solid var(--border-gray-color);
137+
box-shadow: 1px 1px 2px rgb(0 0 0 / 10%);
138+
}
139+
.vp-pp-popup-body {
140+
height: calc(100% - 80px);
141+
padding: 10px;
142+
}
143+
.vp-pp-popup-close {
144+
position: fixed;
145+
z-index: 3;
146+
right: 5px;
147+
width: 30px;
148+
height: 20px;
149+
line-height: 20px;
150+
top: 10px;
151+
text-align: center;
152+
cursor: pointer;
153+
}
154+
.vp-pp-popup-button-box {
155+
float: right;
156+
margin: 0 15px 15px 0;
157+
}

‎css/component/common.css‎

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -62,4 +62,23 @@
6262
display: inline-block;
6363
height: 15px;
6464
border-right: 1px solid var(--font-primary);
65+
}
66+
67+
/* Width selector */
68+
.wp50 {
69+
width: 50px;
70+
}
71+
.wp80 {
72+
width: 80px;
73+
}
74+
.wp100 {
75+
width: 100px;
76+
}
77+
.wp120 {
78+
width: 120px;
79+
}
80+
81+
/* font selector */
82+
.fb {
83+
font-weight: bold;
6584
}

‎src/api_block/constData.js‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -809,6 +809,7 @@ define([
809809
file: 'nbextensions/visualpython/src/common/vpGroupby',
810810
icon: '/nbextensions/visualpython/resource/apps/apps_groupby.svg',
811811
color: 2,
812+
config: { width: '700px', height: '550px' }
812813
},
813814
'merge': {
814815
label: 'Merge',

0 commit comments

Comments
 (0)