diff --git a/tools/field-problem-workshop.html b/tools/field-problem-workshop.html index ab4061d..d6c207f 100644 --- a/tools/field-problem-workshop.html +++ b/tools/field-problem-workshop.html @@ -36,7 +36,7 @@ nav button .count{display:inline-block; margin-left:7px; background:var(--border); border-radius:12px; padding:1px 8px; font-size:12px; color:var(--text);} nav .flow{align-self:center; color:var(--border-strong); font-size:13px; padding:0 2px;} - main{padding:24px; max-width:1500px; margin:0 auto;} + main{padding:24px;} .panel{display:none;} .panel.active{display:block;} .panel-head{margin-bottom:18px;} @@ -125,12 +125,12 @@ .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-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;} - .bc-nav-item{display:flex; align-items:center; gap:9px; padding:10px 12px; border-bottom:1px solid var(--border); cursor:pointer;} + .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-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:hover{background:var(--layer-hover);} .bc-nav-item.active{background:var(--layer-hover); border-left:3px solid var(--interactive); padding-left:9px;} - .bc-nav-text{flex:1; font-size:12.5px; line-height:1.35; color:var(--text-secondary);} + .bc-nav-text{flex:1; min-width:0; font-size:12.5px; line-height:1.35; color:var(--text-secondary); overflow-wrap:break-word;} .bc-nav-item.active .bc-nav-text{color:var(--text); font-weight:600;} .bc-dot{width:8px; height:8px; border-radius:50%; flex-shrink:0; background:var(--border-strong);} .bc-dot.complete{background:var(--success);}