Fix remaining [[ ]] double-bracket bugs on Templates, History, and sub-tab buttons

- Remove manual [ ] from sub-tab buttons (Manual Runs, Automated)
- Add CSS to suppress button::before/after pseudo-elements on .tab
  buttons and border:none inline-styled buttons so they don't get
  double-bracketed
- Prevents [[ text ]] from appearing on Templates/History/sub-tabs

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-03-11 23:23:58 -04:00
parent d7b26c2b70
commit af63fbb1de

View File

@@ -354,6 +354,9 @@
} }
button::before { content: '[ '; } button::before { content: '[ '; }
button::after { content: ' ]'; } button::after { content: ' ]'; }
/* Suppress bracket pseudo-elements for tab/nav buttons and inline-styled sub-tabs */
button.tab::before, button.tab::after,
button[style*="border:none"]::before, button[style*="border:none"]::after { content: none; }
button:hover { button:hover {
background: rgba(0, 255, 65, 0.15); background: rgba(0, 255, 65, 0.15);
color: var(--terminal-amber); color: var(--terminal-amber);
@@ -841,12 +844,12 @@
<button id="subTabManual" <button id="subTabManual"
onclick="setExecutionView('manual')" onclick="setExecutionView('manual')"
style="flex:1; padding:10px 16px; background:rgba(0,255,65,0.2); border:none; border-right:2px solid var(--terminal-green); color:var(--terminal-amber); font-family:var(--font-mono); font-size:0.9em; cursor:pointer; text-shadow: 0 0 5px #ffb000;"> style="flex:1; padding:10px 16px; background:rgba(0,255,65,0.2); border:none; border-right:2px solid var(--terminal-green); color:var(--terminal-amber); font-family:var(--font-mono); font-size:0.9em; cursor:pointer; text-shadow: 0 0 5px #ffb000;">
[ 👤 Manual Runs <span id="countManual"></span>] 👤 Manual Runs <span id="countManual"></span>
</button> </button>
<button id="subTabAutomated" <button id="subTabAutomated"
onclick="setExecutionView('automated')" onclick="setExecutionView('automated')"
style="flex:1; padding:10px 16px; background:transparent; border:none; color:var(--terminal-green); font-family:var(--font-mono); font-size:0.9em; cursor:pointer;"> style="flex:1; padding:10px 16px; background:transparent; border:none; color:var(--terminal-green); font-family:var(--font-mono); font-size:0.9em; cursor:pointer;">
[ 🤖 Automated <span id="countAutomated"></span>] 🤖 Automated <span id="countAutomated"></span>
</button> </button>
</div> </div>