@jaisocx/css-table-ordered 2.4.1 → 2.4.3

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.
Files changed (5) hide show
  1. package/MediaAndStyles/CssTableOrdered_main_resolved.css +0 -829
  2. package/css_table_ordered_few_rows_preview.html +59 -38
  3. package/css_table_ordered_preview.html +119 -98
  4. package/index.preview.html +119 -101
  5. package/package.json +3 -3
package/css_table_ordered_few_rows_preview.html CHANGED
@@ -1,5 +1,5 @@
1
1
  <!DOCTYPE html>
2
- <html lang="en" class="jsx css_table_ordered_preview theme_visible_height jaisocx-folder-listing">
2
+ <html lang="en" id="css_table_few_rows" class="jsx css_table_ordered_preview theme_visible_height jaisocx-folder-listing">
3
3
  <head>
4
4
 
5
5
  <link
@@ -58,26 +58,23 @@
58
58
 
59
59
 
60
60
 
61
- <style>
61
+ <style name="theme_turn_on">
62
62
 
63
63
  .jsx {
64
- --jsx--css-clean-start-2--site--padding: 2rem 1rem 0 1rem;
65
-
66
- --jsx--css-clean-start-2--h1--font-size: 1.05rem;
67
- --jsx--css-clean-start-2--h2--font-size: 0.9rem;
68
- --jsx--css-clean-start-2--h3--font-size: 0.83rem;
69
-
70
- --jsx--css-clean-start-2--h2--font-weight: 500;
71
-
72
64
  --theme-button-width: fit-content;
73
65
  }
74
66
 
67
+ .jsx button {
68
+ background-color: transparent;
69
+ text-align: left;
70
+ }
71
+
75
72
  .jsx themebuttons {
76
73
  width: fit-content;
77
74
  display: grid;
78
75
  grid-auto-flow: column;
79
76
  column-gap: 3rem;
80
- margin: 0.9rem 0px 1.6rem 0px;
77
+ margin: 1.2rem 0 1.2rem 0;
81
78
  }
82
79
 
83
80
  .jsx themebuttons button {
@@ -98,33 +95,57 @@
98
95
  border-bottom-color: var(--clean-start__text-color);
99
96
  }
100
97
 
101
- .jsx button {
102
- background-color: transparent;
103
- text-align: left;
104
- }
98
+ </style>
99
+
100
+
101
+
102
+ <style name="css clean start overrides for this site">
105
103
 
106
- #tooltip-button {
107
- font-family: fantasy;
104
+ .jsx#css_table_few_rows {
105
+ --jsx--css-clean-start-2--site--padding: 1rem 1rem 0.3rem 1rem;
106
+
107
+ --jsx--css-clean-start-2--h1--font-size: 1.05rem;
108
+ --jsx--css-clean-start-2--h2--font-size: 0.9rem;
109
+ --jsx--css-clean-start-2--h3--font-size: 0.83rem;
110
+
111
+ --jsx--css-clean-start-2--h2--font-weight: 500;
108
112
  }
109
113
 
114
+ </style>
115
+
116
+
117
+
118
+ <style name="css clean start lite mobile portrait">
119
+
120
+ @media only screen and (min-width: 2px) and (max-width: 767px) and (orientation: portrait),
121
+ only screen and (min-width: 2px) and (max-width: 1250px) and (orientation: landscape) {
122
+
123
+ .jsx.theme_visible_height {
124
+
125
+ --responsive_size: responsive_size_til_h03_tablet_s_portrait;
110
126
 
111
- @media screen and ( min-width: 2px) and (max-width: 767px) {
112
- .jsx.css_table_ordered_preview {
113
127
  --jsx--css-clean-start-2--site--min-width: 100%;
114
128
  --jsx--css-clean-start-2--site--max-width: 100%;
115
129
  --jsx--css-clean-start-2--site--width: 100%;
130
+
131
+ --jsx--css-clean-start-2--h1--font-size: 1rem;
132
+ --jsx--css-clean-start-2--h1--line-height: 1.3rem;
133
+
116
134
  }
117
135
 
118
- .jsx.css_table_ordered_preview h2,
119
- .jsx.css_table_ordered_preview h3,
120
- .jsx.css_table_ordered_preview description {
136
+ .jsx.theme_visible_height h2,
137
+ .jsx.theme_visible_height h3,
138
+ .jsx.theme_visible_height description {
121
139
  display: none;
122
140
  }
123
- }
124
141
 
125
- </style>
142
+ .jsx themebuttons {
143
+ margin: 1rem 0 1rem 0;
144
+ }
126
145
 
146
+ }
127
147
 
148
+ </style>
128
149
 
129
150
  </head>
130
151
  <body>
@@ -187,7 +208,7 @@
187
208
  <div class="cell name string folder ">
188
209
  <span class="column-label">Name</span>
189
210
  <span class="cell-mini-image"><span class="in-cell-mini-image"></span></span>
190
- <span class="cell-value"><a href="https://update-listing-secure.brightday.email:443/">..</a></span>
211
+ <span class="cell-value"><a href="javasscript: void(0);">..</a></span>
191
212
  </div>
192
213
 
193
214
  <div class="cell mimeType string folder table-thin-field-hide-mobile ">
@@ -211,7 +232,7 @@
211
232
  <div class="cell fileUrlRelative string folder table-thin-field-hide-mobile table-thin-field-hide-tablet">
212
233
  <span class="column-label">url relative</span>
213
234
  <span class="cell-mini-image"><span class="in-cell-mini-image"></span></span>
214
- <span class="cell-value"><a href="https://update-listing-secure.brightday.email:443/">/</a></span>
235
+ <span class="cell-value"><a href="javasscript: void(0);">/</a></span>
215
236
  </div>
216
237
 
217
238
  </div>
@@ -229,7 +250,7 @@
229
250
  <div class="cell name string folder ">
230
251
  <span class="column-label">Name</span>
231
252
  <span class="cell-mini-image"><span class="in-cell-mini-image"></span></span>
232
- <span class="cell-value"><a href="https://update-listing-secure.brightday.email:443/several_mime_types/subfolder/">subfolder</a></span>
253
+ <span class="cell-value"><a href="javasscript: void(0);">subfolder</a></span>
233
254
  </div>
234
255
 
235
256
  <div class="cell mimeType string folder table-thin-field-hide-mobile ">
@@ -253,7 +274,7 @@
253
274
  <div class="cell fileUrlRelative string folder table-thin-field-hide-mobile table-thin-field-hide-tablet">
254
275
  <span class="column-label">url relative</span>
255
276
  <span class="cell-mini-image"><span class="in-cell-mini-image"></span></span>
256
- <span class="cell-value"><a href="https://update-listing-secure.brightday.email:443/several_mime_types/subfolder/">/several_mime_types/subfolder/</a></span>
277
+ <span class="cell-value"><a href="javasscript: void(0);">/several_mime_types/subfolder/</a></span>
257
278
  </div>
258
279
 
259
280
  </div>
@@ -271,7 +292,7 @@
271
292
  <div class="cell name string image_webp ">
272
293
  <span class="column-label">Name</span>
273
294
  <span class="cell-mini-image"><span class="in-cell-mini-image"></span></span>
274
- <span class="cell-value"><a href="https://update-listing-secure.brightday.email:443/several_mime_types/1.sm.webp">1.sm.webp</a></span>
295
+ <span class="cell-value"><a href="javasscript: void(0);">1.sm.webp</a></span>
275
296
  </div>
276
297
 
277
298
  <div class="cell mimeType string image_webp table-thin-field-hide-mobile ">
@@ -295,7 +316,7 @@
295
316
  <div class="cell fileUrlRelative string image_webp table-thin-field-hide-mobile table-thin-field-hide-tablet">
296
317
  <span class="column-label">url relative</span>
297
318
  <span class="cell-mini-image"><span class="in-cell-mini-image"></span></span>
298
- <span class="cell-value"><a href="https://update-listing-secure.brightday.email:443/several_mime_types/1.sm.webp">/several_mime_types/1.sm.webp</a></span>
319
+ <span class="cell-value"><a href="javasscript: void(0);">/several_mime_types/1.sm.webp</a></span>
299
320
  </div>
300
321
 
301
322
  </div>
@@ -313,7 +334,7 @@
313
334
  <div class="cell name string image_gif ">
314
335
  <span class="column-label">Name</span>
315
336
  <span class="cell-mini-image"><span class="in-cell-mini-image"></span></span>
316
- <span class="cell-value"><a href="https://update-listing-secure.brightday.email:443/several_mime_types/app-icon-16x16.gif">app-icon-16x16.gif</a></span>
337
+ <span class="cell-value"><a href="javasscript: void(0);">app-icon-16x16.gif</a></span>
317
338
  </div>
318
339
 
319
340
  <div class="cell mimeType string image_gif table-thin-field-hide-mobile ">
@@ -337,7 +358,7 @@
337
358
  <div class="cell fileUrlRelative string image_gif table-thin-field-hide-mobile table-thin-field-hide-tablet">
338
359
  <span class="column-label">url relative</span>
339
360
  <span class="cell-mini-image"><span class="in-cell-mini-image"></span></span>
340
- <span class="cell-value"><a href="https://update-listing-secure.brightday.email:443/several_mime_types/app-icon-16x16.gif">/several_mime_types/app-icon-16x16.gif</a></span>
361
+ <span class="cell-value"><a href="javasscript: void(0);">/several_mime_types/app-icon-16x16.gif</a></span>
341
362
  </div>
342
363
 
343
364
  </div>
@@ -355,7 +376,7 @@
355
376
  <div class="cell name string image_png ">
356
377
  <span class="column-label">Name</span>
357
378
  <span class="cell-mini-image"><span class="in-cell-mini-image"></span></span>
358
- <span class="cell-value"><a href="https://update-listing-secure.brightday.email:443/several_mime_types/app-icon-16x16.png">app-icon-16x16.png</a></span>
379
+ <span class="cell-value"><a href="javasscript: void(0);">app-icon-16x16.png</a></span>
359
380
  </div>
360
381
 
361
382
  <div class="cell mimeType string image_png table-thin-field-hide-mobile ">
@@ -379,7 +400,7 @@
379
400
  <div class="cell fileUrlRelative string image_png table-thin-field-hide-mobile table-thin-field-hide-tablet">
380
401
  <span class="column-label">url relative</span>
381
402
  <span class="cell-mini-image"><span class="in-cell-mini-image"></span></span>
382
- <span class="cell-value"><a href="https://update-listing-secure.brightday.email:443/several_mime_types/app-icon-16x16.png">/several_mime_types/app-icon-16x16.png</a></span>
403
+ <span class="cell-value"><a href="javasscript: void(0);">/several_mime_types/app-icon-16x16.png</a></span>
383
404
  </div>
384
405
 
385
406
  </div>
@@ -397,7 +418,7 @@
397
418
  <div class="cell name string video_mp4 ">
398
419
  <span class="column-label">Name</span>
399
420
  <span class="cell-mini-image"><span class="in-cell-mini-image"></span></span>
400
- <span class="cell-value"><a href="https://update-listing-secure.brightday.email:443/several_mime_types/apply-video-elias.mp4">apply-video-elias.mp4</a></span>
421
+ <span class="cell-value"><a href="javasscript: void(0);">music_video_clip.mp4</a></span>
401
422
  </div>
402
423
 
403
424
  <div class="cell mimeType string video_mp4 table-thin-field-hide-mobile ">
@@ -421,7 +442,7 @@
421
442
  <div class="cell fileUrlRelative string video_mp4 table-thin-field-hide-mobile table-thin-field-hide-tablet">
422
443
  <span class="column-label">url relative</span>
423
444
  <span class="cell-mini-image"><span class="in-cell-mini-image"></span></span>
424
- <span class="cell-value"><a href="https://update-listing-secure.brightday.email:443/several_mime_types/apply-video-elias.mp4">/several_mime_types/apply-video-elias.mp4</a></span>
445
+ <span class="cell-value"><a href="javasscript: void(0);">/several_mime_types/music_video_clip.mp4</a></span>
425
446
  </div>
426
447
 
427
448
  </div>
@@ -439,7 +460,7 @@
439
460
  <div class="cell name string application_java_vm ">
440
461
  <span class="column-label">Name</span>
441
462
  <span class="cell-mini-image"><span class="in-cell-mini-image"></span></span>
442
- <span class="cell-value"><a href="https://update-listing-secure.brightday.email:443/several_mime_types/ConfHttp.class">ConfHttp.class</a></span>
463
+ <span class="cell-value"><a href="javasscript: void(0);">ConfHttp.class</a></span>
443
464
  </div>
444
465
 
445
466
  <div class="cell mimeType string application_java_vm table-thin-field-hide-mobile ">
@@ -463,7 +484,7 @@
463
484
  <div class="cell fileUrlRelative string application_java_vm table-thin-field-hide-mobile table-thin-field-hide-tablet">
464
485
  <span class="column-label">url relative</span>
465
486
  <span class="cell-mini-image"><span class="in-cell-mini-image"></span></span>
466
- <span class="cell-value"><a href="https://update-listing-secure.brightday.email:443/several_mime_types/ConfHttp.class">/several_mime_types/ConfHttp.class</a></span>
487
+ <span class="cell-value"><a href="javasscript: void(0);">/several_mime_types/ConfHttp.class</a></span>
467
488
  </div>
468
489
 
469
490
  </div>