From 71f972142b37e4bbe6062ae84272ba1790b415ad Mon Sep 17 00:00:00 2001 From: Catalin Mititiuc Date: Tue, 4 Jun 2024 15:55:37 -0700 Subject: Don't use custom built-in elements because they are not supported in webkit --- public/assets/css/damage_block.css | 5 +++ public/assets/css/soldier_record_block.css | 10 ++++-- public/index.html | 58 +++++++++++++++--------------- src/index.js | 1 - src/modules/record_sheet.js | 2 +- src/soldier_record_block.js | 6 ++-- 6 files changed, 44 insertions(+), 38 deletions(-) diff --git a/public/assets/css/damage_block.css b/public/assets/css/damage_block.css index cc7e4dc..4bad577 100644 --- a/public/assets/css/damage_block.css +++ b/public/assets/css/damage_block.css @@ -16,3 +16,8 @@ user-select: none; font-family: monospace; } + +span { + margin: 0; + font-size: smaller; +} diff --git a/public/assets/css/soldier_record_block.css b/public/assets/css/soldier_record_block.css index ed9d18e..5fb8c7c 100644 --- a/public/assets/css/soldier_record_block.css +++ b/public/assets/css/soldier_record_block.css @@ -1,5 +1,5 @@ span { - font-size: smaller; + font-size: 10px; font-family: monospace; margin-right: 1em; } @@ -8,18 +8,22 @@ span { text-align: center; } -.physical-status-track span { +.physical-status-track damage-block { margin: 0; padding: 0; display: inline-block; vertical-align: middle; } -.physical-status-track span[slot="block-number"] { +.physical-status-track damage-block[slot="block-number"] { font-family: serif; font-size: unset; } +.physical-status-track damage-block span { + margin: 0; +} + ul { margin: 0; padding: 0; diff --git a/public/index.html b/public/index.html index b78df5b..1471cdc 100644 --- a/public/index.html +++ b/public/index.html @@ -3,6 +3,11 @@ +