Skip to content

Commit 6250396

Browse files
llbtlllbtl
committed
Small design changes
1 parent 39e3b58 commit 6250396

104 files changed

Lines changed: 288 additions & 227 deletions

File tree

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

‎css/api_block/index.css‎

Lines changed: 12 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -38,7 +38,7 @@
3838
.vp-apiblock-tab-button.selected {
3939
color: var(--font-hightlight);
4040
background: white;
41-
border-bottom: 2px solid var(--hightlight-color);
41+
border-bottom: 2px solid var(--highlight-color);
4242
}
4343
.vp-apiblock-tab-button:hover {
4444
background: var(--light-gray-color);
@@ -168,7 +168,7 @@
168168
cursor: pointer;
169169
}
170170
#vp_apiblock_menu_delete:hover {
171-
background: var(--hightlight-color);
171+
background: var(--highlight-color);
172172
color: white;
173173
}
174174
.vp-apiblock-tab-navigation-body {
@@ -193,7 +193,6 @@
193193
top: 0px;
194194
width: 20px;
195195
cursor: col-resize;
196-
/* background: url(/nbextensions/visualpython/resource/api_block/vp-api-block-resize.png) center center no-repeat transparent; */
197196
}
198197
.vp-apiblock-option-tab .ui-icon {
199198
background-image: none;
@@ -581,8 +580,8 @@
581580
}
582581
.vp-apiblock-blockoption-input {
583582
border: 1px solid #d4d4d4;
584-
color: #252525;
585-
outline-color: var(--hightlight-color);
583+
color: var(--font-primary);
584+
outline-color: var(--highlight-color);
586585
width: 100%;
587586
padding: 5px 0rem;
588587
padding-left: 0.75rem;
@@ -620,7 +619,8 @@
620619
.vp-apiblock-style-flex-row-between {
621620
display: flex;
622621
flex-direction: row;
623-
justify-content: space-between;
622+
justify-content: space-around;
623+
margin-left: 5px;
624624
}
625625
.vp-apiblock-style-flex-column {
626626
display: flex;
@@ -654,7 +654,7 @@
654654
.vp-apiblock-style-flex-row-between-wrap {
655655
display: flex;
656656
flex-direction: row;
657-
justify-content: space-between;
657+
justify-content: space-around;
658658
flex-wrap: wrap;
659659
}
660660
.vp-apiblock-style-column-row-wrap {
@@ -772,7 +772,7 @@
772772
}
773773
#vp_apiblock_board_main_title input:focus {
774774
transition: 0.7s;
775-
border: 0.5px solid var(--hightlight-color) !important;
775+
border: 0.5px solid var(--highlight-color) !important;
776776
color: var(--font-hightlight);
777777
}
778778
#vp_apiblock_board_main_title input::selection {
@@ -847,8 +847,8 @@
847847
}
848848
.vp-block-header-name {
849849
text-indent: 5px;
850-
font-size:12px;
851-
color:#252525;
850+
font-size:14px;
851+
color: var(--font-primary);
852852
font-weight: 700;
853853
display: flex;
854854
flex-direction: column;
@@ -1003,12 +1003,12 @@
10031003
margin: 10px 0px;
10041004
}
10051005
.vp-apiblock-option-plus-button {
1006-
min-width: 80px;
1006+
min-width: 95px;
10071007
height: 30px;
10081008
font-family: AppleSDGothicNeo;
10091009
font-style: normal;
10101010
font-weight: normal;
1011-
font-size: 13px;
1011+
font-size: 14px;
10121012
line-height: 30px;
10131013
text-align: center;
10141014
color: var(--font-primary);

‎css/common/frameEditor.css‎

Lines changed: 37 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -47,7 +47,7 @@
4747
}
4848
.vp-fe-body {
4949
width: 100%;
50-
height: calc(100% - 80px);
50+
height: calc(98% - 80px);
5151
padding: 10px;
5252
display: grid;
5353
grid-row-gap: 5px;
@@ -80,35 +80,33 @@
8080
grid-row-gap: 5px;
8181
}
8282
.vp-fe-df-box label {
83-
width: 70px;
83+
width: 80px;
8484
}
8585
.vp-fe #vp_feVariable {
86-
width: 125px;
87-
/* margin-left: 5px; */
86+
width: 153px;
8887
}
8988
.vp-fe-df-refresh {
89+
display: inline-block;
9090
cursor: pointer;
91+
margin-left: 5px;
9192
}
9293
.vp-fe-menu-box {
93-
/* position: fixed; */
9494
position: absolute;
9595
top: 0;
9696
left: 0;
9797
background: #FFFFFF;
9898
z-index: 70;
99-
/* display: grid;
100-
grid-template-columns: repeat(6, 1fr); */
10199
}
102100
.vp-fe-menu-box .vp-fe-menu-item {
103-
height: 25px;
104-
line-height: 25px;
101+
height: 30px;
102+
line-height: 30px;
105103
background: #FFFFFF;
106104
border: 0.25px solid #E4E4E4;
107105
box-sizing: border-box;
108106
box-shadow: 1px 1px 2px rgb(0 0 0 / 10%);
109107
border-radius: 2px;
110-
font-size: 11px;
111-
text-align: center;
108+
font-size: 13px;
109+
text-align: left;
112110
color: #696969;
113111
cursor: pointer;
114112
-webkit-touch-callout: none;
@@ -139,7 +137,7 @@
139137
top: 50%;
140138
transform: translate(-50%, -50%);
141139
min-width: 400px;
142-
/* min-height: 150px; */
140+
min-height: 150px;
143141
width: 30%;
144142
height: fit-content;
145143
background-color: white;
@@ -152,18 +150,20 @@
152150
}
153151
.vp-fe-popup-button-box {
154152
float: right;
155-
padding: 5px;
153+
margin: 0 15px 15px 0;
156154
}
157155
.vp-fe-table {
158156
height: 100%;
159157
background: var(--border-gray-color);
160-
border: 5px solid var(--border-gray-color);
158+
border: 1px solid var(--border-gray-color);
161159
overflow: auto;
162160
}
163161
.vp-fe-table table {
164162
border-collapse: separate;
165163
margin-top: 0px;
166164
margin-left: 0px;
165+
color: var(--font-primary);
166+
font-size: 13px;
167167
}
168168
.vp-fe-table table th {
169169
/* no-selection for th */
@@ -178,7 +178,7 @@
178178
position: sticky;
179179
top: 0;
180180
background: #FFFFFF;
181-
border-bottom: 1px solid #000000;
181+
border-bottom: 1px solid #E4E4E4;
182182
}
183183
.vp-fe-table tbody tr:nth-child(odd) {
184184
background: #F5F5F5;
@@ -187,7 +187,7 @@
187187
background: #FFFFFF;
188188
}
189189
.vp-fe-table th.selected {
190-
/* color: var(--hightlight-color); */
190+
/* color: var(--highlight-color); */
191191
background: #add3fd;
192192
}
193193
.vp-fe-table th:hover {
@@ -214,7 +214,7 @@
214214
} */
215215

216216
.vp-fe-table-more {
217-
margin: 5px;
217+
margin-top: 10px;
218218
}
219219
.vp-fe-info {
220220
display: none;
@@ -293,19 +293,19 @@
293293
}
294294
.vp-fe-btn-preview {
295295
left: 15px;
296-
top: 4px;
296+
top: 9px;
297297
}
298298
.vp-fe-btn-dataview {
299299
left: 105px;
300-
top: 4px;
300+
top: 9px;
301301
}
302302
.vp-fe-btn-cancel {
303-
top: 4px;
303+
top: 9px;
304304
right: 105px;
305305
}
306306
.vp-fe-btn-runadd {
307307
position: absolute;
308-
top: 4px;
308+
top: 9px;
309309
right: 15px;
310310
width: fit-content;
311311
height: 30px;
@@ -321,7 +321,9 @@
321321
.vp-fe-btn-detail {
322322
display: inline-block;
323323
width: 20px;
324+
height: 28px;
324325
border-radius: 0px 2px 2px 0px;
326+
padding: 0;
325327
}
326328
.vp-fe-detail-box {
327329
display: none;
@@ -348,7 +350,21 @@
348350
/* add page */
349351
.vp-popup-addpage {
350352
height: 300px;
353+
padding: 10px;
351354
}
352355
.vp-popup-addpage .vp-popup-tab.replace {
353356
height: calc(100% - 50px);
357+
}
358+
.vp-popup-addtype{
359+
width: 153px;
360+
margin-top: 5px;
361+
}
362+
.vp-popup-delete{
363+
padding-bottom: 20px;
364+
}
365+
.vp-popup-replace-add{
366+
margin-top: 30px
367+
}
368+
.vp_popup-apply{
369+
margin-left: 30px;
354370
}

‎css/common/instanceEditor.css‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -67,7 +67,7 @@
6767
background: var(--light-gray-color);
6868
}
6969
.vp-ins-select-item:hover span {
70-
background: var(--hightlight-color);
70+
background: var(--highlight-color);
7171
color: #FFFFFF;
7272
}
7373
.vp-ins-option-box.api {
@@ -89,7 +89,7 @@
8989
#vp-wrapper .vp-ins-select-container .vp-create-var-btn {
9090
position: absolute;
9191
color: #C4C4C4;
92-
right: 5px;
93-
top: 5px;
92+
right: 9px;
93+
top: 9px;
9494
cursor: pointer;
9595
}

‎css/common/popupPage.css‎

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -43,11 +43,11 @@
4343
}
4444
.vp-pp-body {
4545
width: 100%;
46-
height: calc(100% - 80px);
46+
height: calc(98% - 80px);
4747
padding: 20px;
4848
display: grid;
4949
grid-row-gap: 5px;
50-
grid-template-rows: 35px 30px 60% calc(40% - 80px);
50+
grid-template-rows: 30px 30px 60% calc(40% - 80px);
5151
overflow: auto;
5252
}
5353
.vp-pp-preview-box {
@@ -75,15 +75,15 @@
7575
}
7676
.vp-pp-btn-preview {
7777
left: 15px;
78-
top: 4px;
78+
top: 9px;
7979
}
8080
.vp-pp-btn-cancel {
81-
top: 4px;
82-
right: 105px;
81+
top: 9px;
82+
right: 106px;
8383
}
8484
.vp-pp-btn-runadd {
8585
position: absolute;
86-
top: 4px;
86+
top: 9px;
8787
right: 15px;
8888
width: fit-content;
8989
height: 30px;
@@ -99,17 +99,17 @@
9999
.vp-pp-btn-detail {
100100
display: inline-block;
101101
width: 20px;
102+
height: 28px;
102103
border-radius: 0px 2px 2px 0px;
104+
padding: 0;
103105
}
104106
.vp-pp-detail-box {
105107
display: none;
106108
background: white;
107109
border: 0.25px solid var(--border-gray-color);
108110
position: absolute;
109111
bottom: 35px;
110-
right: 1px;
111112
width: 84px;
112-
height: 62px;
113113
text-align: center;
114114
line-height: 30px;
115115
}

0 commit comments

Comments
 (0)