From 1359a7525d4a1deadedbd608c5fbf7900c5dd2ff Mon Sep 17 00:00:00 2001 From: Guilhem Moulin Date: Fri, 20 Jun 2025 15:29:09 +0200 Subject: Measurement panel: Improve style. In particular, use `border-radius: var(--bs-border-radius-lg)` for consistency with the radio buttons above. --- main.js | 2 +- style.css | 2 ++ 2 files changed, 3 insertions(+), 1 deletion(-) diff --git a/main.js b/main.js index d50fd81..9bd19db 100644 --- a/main.js +++ b/main.js @@ -3979,7 +3979,7 @@ const infoMetadataAccordions = []; (function() { const div = document.createElement('div'); - div.classList.add('measure-value', 'border-secondary', 'rounded-2'); + div.classList.add('measure-value'); body.appendChild(div); const span0 = document.createElement('span'); span0.appendChild(value); diff --git a/style.css b/style.css index f40bb87..b4c7f54 100644 --- a/style.css +++ b/style.css @@ -522,6 +522,8 @@ body.inprogress { --bs-border-opacity: .75; border-width: var(--measure-value-border-width); border-style: solid; + border-color: rgb(from var(--bs-secondary) r g b / .75); + border-radius: var(--bs-border-radius-lg); background: rgb(from var(--bs-secondary-bg-subtle) r g b / calc(alpha*.30)); height: calc(var(--bs-body-line-height) * var(--bs-body-font-size) * var(--measure-value-font-size) + 2*var(--measure-value-padding) + 2*var(--measure-value-border-width)); -- cgit v1.2.3