@jjlmoya/utils-science 1.29.0 → 1.30.0

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 (2) hide show
  1. package/package.json +1 -1
  2. package/src/tool/phase-diagram-critical-points/phase-diagram-critical-points-visualizer.css +17 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@jjlmoya/utils-science",
3
- "version": "1.29.0",
3
+ "version": "1.30.0",
4
4
  "type": "module",
5
5
  "main": "./src/index.ts",
6
6
  "types": "./src/index.ts",
package/src/tool/phase-diagram-critical-points/phase-diagram-critical-points-visualizer.css CHANGED
@@ -381,13 +381,19 @@
381
381
  }
382
382
 
383
383
  .phase-readout {
384
+ min-width: 0;
385
+ max-width: 100%;
386
+ overflow: hidden;
384
387
  align-content: start;
385
388
  padding-top: 1rem;
386
389
  border-top: 1px solid var(--phase-hairline);
387
390
  }
388
391
 
389
392
  .phase-readout strong {
390
- font-size: clamp(2.2rem, 10vw, 4.2rem);
393
+ display: block;
394
+ max-width: 100%;
395
+ overflow-wrap: anywhere;
396
+ font-size: clamp(2.2rem, 7vw, 4.2rem);
391
397
  }
392
398
 
393
399
  .phase-readout p {
@@ -399,6 +405,7 @@
399
405
  .phase-meter {
400
406
  display: grid;
401
407
  gap: 0.55rem;
408
+ min-width: 0;
402
409
  padding-top: 0.75rem;
403
410
  border-top: 1px solid var(--phase-hairline);
404
411
  }
@@ -435,13 +442,15 @@
435
442
  .phase-coexistence {
436
443
  display: grid;
437
444
  gap: 0.65rem;
445
+ min-width: 0;
446
+ overflow: hidden;
438
447
  padding-top: 0.8rem;
439
448
  border-top: 1px solid var(--phase-hairline);
440
449
  }
441
450
 
442
451
  .phase-coexistence-head {
443
452
  display: grid;
444
- grid-template-columns: 1fr auto 1fr;
453
+ grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
445
454
  gap: 0.65rem;
446
455
  align-items: center;
447
456
  }
@@ -452,6 +461,7 @@
452
461
  font-size: 0.62rem;
453
462
  font-weight: 800;
454
463
  letter-spacing: 0.08em;
464
+ min-width: 0;
455
465
  text-transform: uppercase;
456
466
  }
457
467
 
@@ -465,6 +475,7 @@
465
475
 
466
476
  .phase-coexistence-axis {
467
477
  position: relative;
478
+ width: 100%;
468
479
  height: 24px;
469
480
  }
470
481
 
@@ -539,4 +550,8 @@
539
550
  border-top: 0;
540
551
  border-left: 1px solid var(--phase-hairline);
541
552
  }
553
+
554
+ .phase-readout strong {
555
+ font-size: clamp(2.25rem, 4.1vw, 3.35rem);
556
+ }
542
557
  }