Scott.Idem/OSIT-AE-App-Svelte
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(idaa): make novi_btn buttons visible in Bootstrap iframe context

Browse Source 
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 <noreply@anthropic.com>
This commit is contained in:
Scott Idem
2026-05-18 23:41:05 -04:00
parent bbab9e7c8c
commit ee506832e7
1 changed files with 8 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/app.css
View File

@@ -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 {