m.mabrey/sde-meeting-toolkit
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix breadcrumb nav: was inheriting the top tab bar's nav{display:flex} rule

Browse Source
This commit is contained in:
Matt Mabrey
2026-08-24 16:20:41 -07:00
parent f68b897562
commit 18da00addf
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
tools/field-problem-workshop.html
View File

@@ -125,7 +125,7 @@
.bc-related li{margin-left:22px; padding:2px 0; color:var(--text-secondary);} .bc-related li{margin-left:22px; padding:2px 0; color:var(--text-secondary);}
.bc-foot{display:flex; align-items:center; gap:14px; margin-top:12px; flex-wrap:wrap;} .bc-foot{display:flex; align-items:center; gap:14px; margin-top:12px; flex-wrap:wrap;}
.bc-layout{display:grid; grid-template-columns:250px 1fr; gap:16px; align-items:start;} .bc-layout{display:grid; grid-template-columns:250px 1fr; gap:16px; align-items:start;}
.bc-nav{background:var(--layer); border:1px solid var(--border); position:sticky; top:12px; max-height:80vh; overflow-y:auto; overflow-x:hidden;} .bc-nav{display:block; background:var(--layer); border:1px solid var(--border); position:sticky; top:12px; max-height:80vh; overflow-y:auto; overflow-x:hidden;}
.bc-nav-item{display:flex; align-items:flex-start; gap:9px; padding:10px 12px; border-bottom:1px solid var(--border); cursor:pointer; min-width:0;} .bc-nav-item{display:flex; align-items:flex-start; gap:9px; padding:10px 12px; border-bottom:1px solid var(--border); cursor:pointer; min-width:0;}
.bc-nav-item:last-child{border-bottom:none;} .bc-nav-item:last-child{border-bottom:none;}
.bc-nav-item:hover{background:var(--layer-hover);} .bc-nav-item:hover{background:var(--layer-hover);}
@@ -219,7 +219,7 @@
</div> </div>
<div class="summary-bar" id="bcSummary"></div> <div class="summary-bar" id="bcSummary"></div>
<div class="bc-layout"> <div class="bc-layout">
<nav class="bc-nav" id="bcNav"></nav> <div class="bc-nav" id="bcNav"></div>
<div class="bc-detail" id="bcDetail"></div> <div class="bc-detail" id="bcDetail"></div>
</div> </div>
<div class="add-row"><button class="btn ghost" id="btnAddBc">Add a blank breadcrumb</button></div> <div class="add-row"><button class="btn ghost" id="btnAddBc">Add a blank breadcrumb</button></div>