Movatterモバイル変換

[0]ホーム
URL:

Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

 Sign up
Appearance settings

Commit248c3ea

Browse files
committed
Add Descriptive Stat class in Stat Module
1 parent17afced commit248c3ea

File tree

5 files changed

+2066
-656
lines changed

5 files changed

+2066
-656
lines changed

‎css/m_stat/descriptiveStat.css‎

Lines changed: 357 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,357 @@
1+
.vp-method-setting {
2+
float: right;
3+
color:var(--gray-color);
4+
padding-top:5px;
5+
padding-right:5px;
6+
cursor: pointer;
7+
}
8+
.vp-method-setting:hover {
9+
color:var(--font-highlight);
10+
}
11+
.vp-create-subplot-btn {
12+
float: right;
13+
}
14+
.vp-tab-bar {
15+
width:100%;
16+
overflow-y: hidden;
17+
}
18+
.vp-tab-item {
19+
display: inline-block;
20+
position: relative;
21+
width:85px;
22+
height:30px;
23+
line-height:30px;
24+
background:var(--light-gray-color);
25+
cursor: pointer;
26+
border:0.24px solid#E4E4E4;
27+
box-sizing: border-box;
28+
border-radius:2px2px0px0px;
29+
font-weight: bold;
30+
text-align: center;
31+
}
32+
.vp-tab-item.vp-focus {
33+
color:var(--font-highlight);
34+
background: white;
35+
border-bottom:3px solid#FFCF73;
36+
}
37+
.vp-tab-page {
38+
width:100%;
39+
height:100%;
40+
}
41+
.vp-tab-page-box.figure {
42+
height:calc(100%-30px);
43+
align-content: baseline;
44+
grid-template-rows:1fr;
45+
}
46+
.vp-tab-page-box.plot {
47+
height:calc(100%-30px);
48+
min-height:352px;
49+
align-content: baseline;
50+
}
51+
.vp-method-plot-box {
52+
height:100%;
53+
}
54+
.vp-method-body {
55+
display: grid;
56+
grid-template-columns:calc(50%-8px)calc(50%-8px);
57+
grid-template-rows:1fr;
58+
grid-row-gap:5px;
59+
grid-column-gap:15px;
60+
align-items: baseline;
61+
align-content: baseline;
62+
height:100%;
63+
}
64+
.vp-method-left-box>label {
65+
margin-bottom:0px;
66+
}
67+
.vp-method-left-box,
68+
.vp-method-right-box {
69+
height:100%;
70+
}
71+
.vp-method-preview-title {
72+
line-height:30px;
73+
}
74+
.vp-method-preview-option {
75+
float: right;
76+
padding-right:5px;
77+
}
78+
.vp-method-preview-box {
79+
min-height:352px;
80+
width:100%;
81+
height:calc(100%-30px);
82+
}
83+
.vp-method-preview-content:empty::after {
84+
content:'No preview image';
85+
color:var(--gray-color);
86+
}
87+
.vp-method-preview-boximg {
88+
width:100%;
89+
height:100%;
90+
}
91+
.vp-tab-pagelabel {
92+
margin-bottom:0px;
93+
}
94+
.vp-tab-group-title {
95+
font-weight: bold;
96+
background:var(--light-gray-color);
97+
}
98+
.vp-method-setting-footer {
99+
position: absolute;
100+
left:20px;
101+
bottom:15px;
102+
}
103+
104+
105+
/* UDF Editor - CodeMirror */
106+
.vp-sn-body .CodeMirror {border:1px solid silver; }
107+
.vp-sn-body .CodeMirror.CodeMirror-focused {border:1px solidvar(--highlight-color); }
108+
.vp-sn-body .CodeMirror-empty {outline:1px solid#c22; }
109+
.vp-sn-body .CodeMirror-empty.CodeMirror-focused {outline: none; }
110+
.vp-sn-body .CodeMirrorpre.CodeMirror-placeholder {color:#999; }
111+
.vp-sn-body .CodeMirror-scroll {min-height:80px;max-height:250px;}
112+
113+
/* Option Deleting */
114+
.vp-del-col {
115+
background-image: url(../../img/close_big.svg);
116+
cursor: pointer;
117+
width:15px;
118+
height:15px;
119+
display: inline-block;
120+
background-repeat: no-repeat;
121+
background-size: contain;
122+
background-position: center;
123+
}
124+
125+
/* Buttons */
126+
.vp-btn {
127+
background:#F5F5F5;
128+
border:0.25px solid#C4C4C4;
129+
box-sizing: border-box;
130+
border-radius:2px;
131+
height:24px;
132+
width:70px;
133+
min-width: fit-content;
134+
}
135+
.vp-option-btn-box {
136+
height:30px;
137+
padding:5px0px5px0px;
138+
}
139+
.vp-create-btn {
140+
float: left;
141+
}
142+
.vp-delete-btn {
143+
float: right;
144+
}
145+
146+
/* Add Popup */
147+
.vp-cm-popup {
148+
display:none;
149+
position: absolute;
150+
background-color:#8b8b8b;
151+
box-shadow:1px1px3px0px grey;
152+
z-index:999;
153+
}
154+
.vp-cm-popup-menu {
155+
min-height:20px;
156+
cursor: pointer;
157+
}
158+
159+
160+
/** NEW */
161+
.vp-sn-body {
162+
padding:10px;
163+
}
164+
.vp-sn-header {
165+
height:30px;
166+
}
167+
.vp-sn-headerlabel {
168+
font-weight: bold;
169+
font-size:14px;
170+
line-height:16px;
171+
}
172+
.vp-sn-menu {
173+
float: right;
174+
cursor: pointer;
175+
position: relative;
176+
}
177+
.vp-sn-menu-box {
178+
display: none;
179+
position: absolute;
180+
width:130px;
181+
top:23px;
182+
right:0px;
183+
border:0.25px solidvar(--border-gray-color);
184+
border-radius:3px;
185+
background:#FFFFFF;
186+
padding:5px;
187+
z-index:5;
188+
}
189+
.vp-sn-menu-item {
190+
height:30px;
191+
font-size:14px;
192+
line-height:30px;
193+
padding:0px5px;
194+
cursor: pointer;
195+
}
196+
.vp-sn-menu-item:hover {
197+
color:var(--font-highlight);
198+
}
199+
.vp-sn-search-box {
200+
position: relative;
201+
}
202+
.vp-sn-search-box .vp-sn-search {
203+
width:100%!important;
204+
height:30px;
205+
padding-right:30px!important;
206+
}
207+
.vp-sn-search-box .vp-sn-search-icon {
208+
position: absolute;
209+
color:#C4C4C4;
210+
right:10px;
211+
padding-top:4px;
212+
}
213+
.vp-sn-func-box {
214+
height:50px;
215+
padding:10px0px;
216+
}
217+
.vp-sn-func-left {
218+
float: left;
219+
position: relative;
220+
}
221+
.vp-sn-func-right {
222+
float: right;
223+
}
224+
.vp-sn-sort {
225+
cursor: pointer;
226+
}
227+
.vp-sn-sort-menu-box {
228+
display: none;
229+
position: absolute;
230+
width:90px;
231+
/* width: 80px;
232+
height: 50px; */
233+
border:0.25px solidvar(--border-gray-color);
234+
background:#FFFFFF;
235+
padding:5px;
236+
z-index:5;
237+
}
238+
.vp-sn-sort-menu-item {
239+
height:25px;
240+
line-height:25px;
241+
padding:0px5px;
242+
cursor: pointer;
243+
}
244+
.vp-sn-sort-menu-item:hover {
245+
color:var(--font-highlight);
246+
}
247+
.vp-sn-func-export-mode {
248+
display: none;
249+
}
250+
251+
.vp-sn-item-check {
252+
display: none;
253+
float: right;
254+
margin:7px7px!important;
255+
}
256+
257+
/* Export Mode */
258+
.vp-sn-export-mode .vp-sn-menu {
259+
display: none;
260+
}
261+
.vp-sn-export-mode .vp-sn-func-export-mode {
262+
display: block;
263+
}
264+
.vp-sn-export-mode .vp-sn-func-default-mode {
265+
display: none;
266+
}
267+
.vp-sn-export-mode .vp-sn-item-menu {
268+
display: none;
269+
}
270+
.vp-sn-export-modeinput[type=checkbox].vp-sn-checkbox {
271+
display: inline-block;
272+
position: relative!important;
273+
width:13px;
274+
height:13px;
275+
border:1px solid#828282;
276+
margin:0px15px;
277+
}
278+
279+
/* Empty List */
280+
.vp-sn-table:empty::after {
281+
content:'(No saved snippets)';
282+
color:#C4C4C4;
283+
}
284+
.vp-sn-item {
285+
min-height:30px;
286+
}
287+
.vp-sn-item.selected {
288+
background:#F5F5F5;
289+
}
290+
.vp-sn-item-header {
291+
height:30px;
292+
line-height:30px;
293+
padding:0px7px;
294+
border:0.25px solidvar(--border-gray-color);
295+
box-sizing: border-box;
296+
cursor: pointer;
297+
}
298+
.vp-sn-item-header.selected {
299+
background:#F5F5F5;
300+
}
301+
.vp-sn-item-header .vp-sn-indicator {
302+
display: inline-block;
303+
cursor: pointer;
304+
background-image: url(../../img/chevron_big_right.svg);
305+
background-size: contain;
306+
background-repeat: no-repeat;
307+
width:10px;
308+
height:10px;
309+
}
310+
.vp-sn-item-header .vp-sn-indicator.open {
311+
background-image: url(../../img/chevron_big_down.svg)!important;
312+
}
313+
.vp-sn-item-headerinput.vp-sn-item-title {
314+
width:calc(100%-110px);
315+
outline: none;
316+
background: transparent;
317+
border:0.5px solid transparent;
318+
cursor: pointer;
319+
}
320+
.vp-sn-item-header.selectedinput.vp-sn-item-title {
321+
color:var(--font-highlight);
322+
}
323+
.vp-sn-item-headerinput.vp-sn-item-title:focus {
324+
transition:0.7s;
325+
border:0.5px solidvar(--highlight-color)!important;
326+
cursor: text;
327+
}
328+
.vp-sn-imported-item {
329+
color:var(--highlight-color);
330+
}
331+
.vp-sn-item-menu {
332+
float: right;
333+
}
334+
.vp-sn-item-menu-item {
335+
display: inline-block;
336+
cursor: pointer;
337+
margin-left:5px;
338+
}
339+
.vp-sn-item-code {
340+
display: none;
341+
position: relative;
342+
border:0.25px solidvar(--border-gray-color);
343+
}
344+
.vp-sn-save {
345+
width:20px;
346+
position: absolute;
347+
right:10px;
348+
bottom:10px;
349+
cursor: pointer;
350+
z-index:209;
351+
}
352+
.vp-sn-save.vp-disableimg {
353+
content:url(../../img/snippets/save_gray.svg);
354+
cursor:not-allowed;
355+
width:20px;
356+
height:20px;
357+
}

0 commit comments

Comments
 (0)
[8]ページ先頭
©2009-2025 Movatter.jp