Web Dev Solutions

Catalin Mititiuc

From ea2ff860fa53620491385685330e99c71ffc7581 Mon Sep 17 00:00:00 2001 From: Catalin Mititiuc Date: Thu, 18 Apr 2024 19:13:37 -0700 Subject: Use checkboxes for grenades --- public/soldier_record_block.css | 20 ++++++++++++++++++++ 1 file changed, 20 insertions(+) (limited to 'public/soldier_record_block.css') diff --git a/public/soldier_record_block.css b/public/soldier_record_block.css index 47bf583..fb1d322 100644 --- a/public/soldier_record_block.css +++ b/public/soldier_record_block.css @@ -33,3 +33,23 @@ ul li { p { margin: 0; } + +.grenades input { + display: none; +} + +.grenades svg { + width: 14px; + height: 14px; + vertical-align: bottom; +} + +.grenades svg circle { + fill: none; + stroke: black; + stroke-width: 2px; +} + +.grenades input:checked + svg circle { + fill: gray; +} -- cgit v1.2.3