@wwawing/styles 3.12.10 → 3.12.11

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 (3) hide show
  1. package/output/wwa.css +69 -20
  2. package/output/wwa_classic.css +69 -20
  3. package/package.json +2 -2
package/output/wwa.css CHANGED
@@ -481,30 +481,84 @@ div.savedata > div.ss > span {
481
481
  }
482
482
 
483
483
  .wwa-vardump-wrapper {
484
- margin: 0 auto;
484
+ --wwa-vardump-grid-column-num: 10;
485
+ display: flex;
486
+ flex-direction: column;
487
+ align-items: center;
485
488
  }
486
-
487
- .wwa-vardump-wrapper > table {
488
- margin: 0 auto;
489
- text-align: center;
489
+ .wwa-vardump-wrapper > .user-variable-list-section {
490
490
  width: 560px;
491
+ box-sizing: border-box;
492
+ border-radius: 8px;
493
+ background-color: #FFCC88;
491
494
  }
492
-
493
- .wwa-vardump-wrapper > table th.varlist-header {
494
- background-color: orange;
495
+ .wwa-vardump-wrapper > .user-variable-list-section + .user-variable-list-section {
496
+ margin-top: 16px;
495
497
  }
496
-
497
- .wwa-vardump-wrapper > table tr.var-number > th {
498
+ .wwa-vardump-wrapper > .user-variable-list-section[data-kind=named] > .user-variable-list {
499
+ --wwa-vardump-grid-column-num: 5;
500
+ }
501
+ .wwa-vardump-wrapper > .user-variable-list-section[data-kind=named] > .user-variable-list > li > .user-variable-card {
502
+ white-space: nowrap;
503
+ max-width: 12em;
504
+ }
505
+ .wwa-vardump-wrapper > .user-variable-list-section[data-kind=named] > .user-variable-list > li > .user-variable-card > .index, .wwa-vardump-wrapper > .user-variable-list-section[data-kind=named] > .user-variable-list > li > .user-variable-card > .value {
506
+ width: 100%;
507
+ text-overflow: ellipsis;
508
+ overflow: hidden;
509
+ }
510
+ .wwa-vardump-wrapper > .user-variable-list-section > header {
511
+ margin: 8px;
512
+ }
513
+ .wwa-vardump-wrapper > .user-variable-list-section > header > .heading-area {
514
+ display: flex;
515
+ justify-content: space-between;
516
+ }
517
+ .wwa-vardump-wrapper > .user-variable-list-section > header > .heading-area > h2 {
518
+ margin: 0;
519
+ font-size: 1.4em;
520
+ }
521
+ .wwa-vardump-wrapper > .user-variable-list-section > header > .heading-area > .content-visibility-toggle-button {
522
+ cursor: pointer;
523
+ }
524
+ .wwa-vardump-wrapper > .user-variable-list-section > header > .information {
525
+ margin: 8px 0 4px 0;
526
+ padding: 4px;
527
+ border-radius: 4px;
528
+ background-color: #FFFFCC;
529
+ }
530
+ .wwa-vardump-wrapper > .user-variable-list-section > header > .information[aria-hidden=true] {
531
+ display: none;
532
+ }
533
+ .wwa-vardump-wrapper > .user-variable-list-section > .user-variable-list {
534
+ display: grid;
535
+ grid-template-columns: repeat(var(--wwa-vardump-grid-column-num, 10), 1fr);
536
+ margin: 0 8px 8px 8px;
537
+ padding: 0;
538
+ width: calc(100% - 16px);
539
+ box-sizing: border-box;
540
+ text-align: center;
541
+ border-spacing: 1px;
542
+ list-style: none;
543
+ }
544
+ .wwa-vardump-wrapper > .user-variable-list-section > .user-variable-list[aria-hidden=true] {
545
+ display: none;
546
+ }
547
+ .wwa-vardump-wrapper > .user-variable-list-section > .user-variable-list > li > .user-variable-card {
548
+ margin: 1px;
549
+ }
550
+ .wwa-vardump-wrapper > .user-variable-list-section > .user-variable-list > li > .user-variable-card > .index {
551
+ border-radius: 4px 4px 0 0;
498
552
  background-color: #FFFF66;
499
553
  position: relative;
500
554
  }
501
- .wwa-vardump-wrapper > table tr.var-number > th[data-labelled-var-index=true] {
555
+ .wwa-vardump-wrapper > .user-variable-list-section > .user-variable-list > li > .user-variable-card > .index[data-labelled-var-index=true] {
502
556
  font-weight: bold;
503
557
  text-decoration: underline;
504
558
  background-color: #66FFFF;
505
559
  cursor: pointer;
506
560
  }
507
- .wwa-vardump-wrapper > table tr.var-number > th > div {
561
+ .wwa-vardump-wrapper > .user-variable-list-section > .user-variable-list > li > .user-variable-card > .index > .user-variable-label {
508
562
  cursor: auto;
509
563
  position: absolute;
510
564
  top: 15px;
@@ -516,19 +570,14 @@ div.savedata > div.ss > span {
516
570
  z-index: 100;
517
571
  padding: 5px;
518
572
  }
519
- .wwa-vardump-wrapper > table tr.var-number > th > div[aria-hidden=true] {
573
+ .wwa-vardump-wrapper > .user-variable-list-section > .user-variable-list > li > .user-variable-card > .index > .user-variable-label[aria-hidden=true] {
520
574
  display: none;
521
575
  }
522
-
523
- .wwa-vardump-wrapper > table tr.var-val > td,
524
- .wwa-vardump-wrapper > table > td.varlist-information {
576
+ .wwa-vardump-wrapper > .user-variable-list-section > .user-variable-list > li > .user-variable-card .value {
577
+ border-radius: 0 0 4px 4px;
525
578
  background-color: #FFFFCC;
526
579
  }
527
580
 
528
- .wwa-vardump-wrapper > table th, .wwa-vardump-wrapper > table td {
529
- width: 3em;
530
- }
531
-
532
581
  .wwa-virtualpad__button {
533
582
  background-color: #c0c0c0;
534
583
  border: 0;
package/output/wwa_classic.css CHANGED
@@ -481,30 +481,84 @@ div.savedata > div.ss > span {
481
481
  }
482
482
 
483
483
  .wwa-vardump-wrapper {
484
- margin: 0 auto;
484
+ --wwa-vardump-grid-column-num: 10;
485
+ display: flex;
486
+ flex-direction: column;
487
+ align-items: center;
485
488
  }
486
-
487
- .wwa-vardump-wrapper > table {
488
- margin: 0 auto;
489
- text-align: center;
489
+ .wwa-vardump-wrapper > .user-variable-list-section {
490
490
  width: 560px;
491
+ box-sizing: border-box;
492
+ border-radius: 8px;
493
+ background-color: #FFCC88;
491
494
  }
492
-
493
- .wwa-vardump-wrapper > table th.varlist-header {
494
- background-color: orange;
495
+ .wwa-vardump-wrapper > .user-variable-list-section + .user-variable-list-section {
496
+ margin-top: 16px;
495
497
  }
496
-
497
- .wwa-vardump-wrapper > table tr.var-number > th {
498
+ .wwa-vardump-wrapper > .user-variable-list-section[data-kind=named] > .user-variable-list {
499
+ --wwa-vardump-grid-column-num: 5;
500
+ }
501
+ .wwa-vardump-wrapper > .user-variable-list-section[data-kind=named] > .user-variable-list > li > .user-variable-card {
502
+ white-space: nowrap;
503
+ max-width: 12em;
504
+ }
505
+ .wwa-vardump-wrapper > .user-variable-list-section[data-kind=named] > .user-variable-list > li > .user-variable-card > .index, .wwa-vardump-wrapper > .user-variable-list-section[data-kind=named] > .user-variable-list > li > .user-variable-card > .value {
506
+ width: 100%;
507
+ text-overflow: ellipsis;
508
+ overflow: hidden;
509
+ }
510
+ .wwa-vardump-wrapper > .user-variable-list-section > header {
511
+ margin: 8px;
512
+ }
513
+ .wwa-vardump-wrapper > .user-variable-list-section > header > .heading-area {
514
+ display: flex;
515
+ justify-content: space-between;
516
+ }
517
+ .wwa-vardump-wrapper > .user-variable-list-section > header > .heading-area > h2 {
518
+ margin: 0;
519
+ font-size: 1.4em;
520
+ }
521
+ .wwa-vardump-wrapper > .user-variable-list-section > header > .heading-area > .content-visibility-toggle-button {
522
+ cursor: pointer;
523
+ }
524
+ .wwa-vardump-wrapper > .user-variable-list-section > header > .information {
525
+ margin: 8px 0 4px 0;
526
+ padding: 4px;
527
+ border-radius: 4px;
528
+ background-color: #FFFFCC;
529
+ }
530
+ .wwa-vardump-wrapper > .user-variable-list-section > header > .information[aria-hidden=true] {
531
+ display: none;
532
+ }
533
+ .wwa-vardump-wrapper > .user-variable-list-section > .user-variable-list {
534
+ display: grid;
535
+ grid-template-columns: repeat(var(--wwa-vardump-grid-column-num, 10), 1fr);
536
+ margin: 0 8px 8px 8px;
537
+ padding: 0;
538
+ width: calc(100% - 16px);
539
+ box-sizing: border-box;
540
+ text-align: center;
541
+ border-spacing: 1px;
542
+ list-style: none;
543
+ }
544
+ .wwa-vardump-wrapper > .user-variable-list-section > .user-variable-list[aria-hidden=true] {
545
+ display: none;
546
+ }
547
+ .wwa-vardump-wrapper > .user-variable-list-section > .user-variable-list > li > .user-variable-card {
548
+ margin: 1px;
549
+ }
550
+ .wwa-vardump-wrapper > .user-variable-list-section > .user-variable-list > li > .user-variable-card > .index {
551
+ border-radius: 4px 4px 0 0;
498
552
  background-color: #FFFF66;
499
553
  position: relative;
500
554
  }
501
- .wwa-vardump-wrapper > table tr.var-number > th[data-labelled-var-index=true] {
555
+ .wwa-vardump-wrapper > .user-variable-list-section > .user-variable-list > li > .user-variable-card > .index[data-labelled-var-index=true] {
502
556
  font-weight: bold;
503
557
  text-decoration: underline;
504
558
  background-color: #66FFFF;
505
559
  cursor: pointer;
506
560
  }
507
- .wwa-vardump-wrapper > table tr.var-number > th > div {
561
+ .wwa-vardump-wrapper > .user-variable-list-section > .user-variable-list > li > .user-variable-card > .index > .user-variable-label {
508
562
  cursor: auto;
509
563
  position: absolute;
510
564
  top: 15px;
@@ -516,19 +570,14 @@ div.savedata > div.ss > span {
516
570
  z-index: 100;
517
571
  padding: 5px;
518
572
  }
519
- .wwa-vardump-wrapper > table tr.var-number > th > div[aria-hidden=true] {
573
+ .wwa-vardump-wrapper > .user-variable-list-section > .user-variable-list > li > .user-variable-card > .index > .user-variable-label[aria-hidden=true] {
520
574
  display: none;
521
575
  }
522
-
523
- .wwa-vardump-wrapper > table tr.var-val > td,
524
- .wwa-vardump-wrapper > table > td.varlist-information {
576
+ .wwa-vardump-wrapper > .user-variable-list-section > .user-variable-list > li > .user-variable-card .value {
577
+ border-radius: 0 0 4px 4px;
525
578
  background-color: #FFFFCC;
526
579
  }
527
580
 
528
- .wwa-vardump-wrapper > table th, .wwa-vardump-wrapper > table td {
529
- width: 3em;
530
- }
531
-
532
581
  .wwa-virtualpad__button {
533
582
  background-color: #c0c0c0;
534
583
  border: 0;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wwawing/styles",
3
- "version": "3.12.10",
3
+ "version": "3.12.11",
4
4
  "description": "WWA Wing stylesheet files",
5
5
  "main": "index.js",
6
6
  "files": [
@@ -20,5 +20,5 @@
20
20
  "ts-node": "^10.9.1",
21
21
  "typescript": "^5.0.4"
22
22
  },
23
- "gitHead": "5f1b484f4996daa4e6c7b5e2603e471d5db6a0fc"
23
+ "gitHead": "9cd59237d23c90c4d6c1a9eed2c5eae337948941"
24
24
  }