From ee506832e76ce860790435dbe35cb2d865d9a761 Mon Sep 17 00:00:00 2001 From: Scott Idem Date: Mon, 18 May 2026 23:41:05 -0400 Subject: [PATCH] fix(idaa): make novi_btn buttons visible in Bootstrap iframe context MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Bootstrap v3 (.btn) sets border:1px solid transparent which overrides Skeleton/Tailwind preset-outlined border classes when loaded last in the Novi iframe. Replacing the dead border-color comments with a box-shadow ring — Bootstrap does not reset box-shadow on .btn so it survives without !important. Adds a darker ring + faint bg tint on hover. Co-Authored-By: Claude Sonnet 4.6 --- src/app.css | 10 ++++++++-- 1 file changed, 8 insertions(+), 2 deletions(-) diff --git a/src/app.css b/src/app.css index 50c5158e..0f38c49d 100644 --- a/src/app.css +++ b/src/app.css @@ -916,8 +916,14 @@ img.qr_code:focus { /* BEGIN: Overrides and fixes specific to Novi and IDAA */ .iframe .novi_btn { border-radius: 60px; - /* border-color: hsla(0, 0%, 50%, .5); */ - /* border-color: hsla(0, 0%, 0%, .15); */ + /* Bootstrap v3 (.btn) sets border:1px solid transparent and wins over + Skeleton/Tailwind preset-outlined classes when loaded last. Use box-shadow + instead — Bootstrap does not set box-shadow on .btn so it cannot strip it. */ + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.35); +} +.iframe .novi_btn:hover { + box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.5); + background-color: rgba(0, 0, 0, 0.04); } .iframe .novi_m0 {